特效介绍
jQuery云端桌面满屏焦点图代码，兼容各大主流浏览器。需要解决IE6的png透明问题，教程请访问：完美解决IE6的png透明问题
使用方法
1、依次引入<link href="css/bigfoucs.css" rel="stylesheet" />
<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="js/bigfoucs.js" type="text/javascript"></script>
2、将以下代码复制进页面中即可。
01 | <div class="banner"> |
02 | <div class="inner"> |
03 | <div class="menu"> |
04 | <ul> |
05 | <li class="active"> |
06 | <a href="javascript:;" class="png menu_home"> |
07 | <span class="hide"> |
08 | 云端桌面 |
09 | </span> |
10 | </a> |
11 | </li> |
12 | <li> |
13 | <a href="javascript:;" class="png menu_game"> |
14 | <span class="hide"> |
15 | 游戏 |
16 | </span> |
17 | </a> |
18 | </li> |
19 | <li> |
20 | <a href="javascript:;" class="png menu_video"> |
21 | <span class="hide"> |
22 | 视频 |
23 | </span> |
24 | </a> |
25 | </li> |
26 | <li> |
27 | <a href="javascript:;" class="png menu_novel"> |
28 | <span class="hide"> |
29 | 小说 |
30 | </span> |
31 | </a> |
32 | </li> |
33 | <li> |
34 | <a href="javascript:;" class="png menu_music"> |
35 | <span class="hide"> |
36 | 音乐 |
37 | </span> |
38 | </a> |
39 | </li> |
40 | <li class="btns"> |
41 | <a href="http://www.5imoban.net/" class="png menu_download"> |
42 | <span class="hide"> |
43 | 立即下载 |
44 | </span> |
45 | </a> |
46 | </li> |
47 | </ul> |
48 | </div> |
49 | </div> |
50 | <div class="mask"> |
51 | </div> |
52 | </div> |