半透明滑动效果的jquery手风琴图片轮播代码
- 作者:网页模板
- 大小:0.331MB
- 点击次数:
- 发布时间:2014-02-24 14:31
特效介绍
半透明滑动效果的jquery手风琴图片轮播代码,完美兼容IE6。
使用方法
1、在头部引入下面的代码1 | <link href= "css/css.css" rel= "stylesheet" type= "text/css" /> |
2 | <script type= "text/javascript" src= "js/slider.js" ></script> |
3 | <script src= "http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js" type= "text/javascript" ></script> |
01 | < div id = "center" > |
02 | < div id = "slider" > |
03 | < div class = "slide" > |
04 | < a href = "http://www.5imoban.net/" title = "模板网" alt = "模板网" target = "_blank" > |
05 | < img class = "diapo" src = "images/yuanyang_big.jpg" ></ a > |
06 | < div class = "text" > |
07 | </ div > |
08 | </ div > |
09 | < div class = "slide" > |
10 | < a href = "http://www.5imoban.net/" title = "模板网" alt = "模板网" target = "_blank" > |
11 | < img class = "diapo" src = "images/dijing_big.jpg" ></ a > |
12 | < div class = "text" > |
13 | </ div > |
14 | </ div > |
15 | < div class = "slide" > |
16 | < a href = "http://www.5imoban.net/" title = "模板网" alt = "模板网" target = "_blank" > |
17 | < img class = "diapo" src = "images/jinmaofu_big.jpg" ></ a > |
18 | < div class = "text" > |
19 | </ div > |
20 | </ div > |
21 | < div class = "slide" id = "mainimg" > |
22 | < a href = "http://www.5imoban.net/" title = "模板网" alt = "模板网" target = "_blank" > |
23 | < img class = "diapo" src = "images/shimao_big.jpg" ></ a > |
24 | < div class = "text" > |
25 | </ div > |
26 | </ div > |
27 | < div class = "slide" > |
28 | < a href = "http://www.5imoban.net/" title = "模板网" alt = "模板网" target = "_blank" > |
29 | < img class = "diapo" src = "images/yuanyang_big.jpg" ></ a > |
30 | < div class = "text" > |
31 | </ div > |
32 | </ div > |
33 | < div class = "slide" > |
34 | < a href = "http://www.5imoban.net/" title = "模板网" alt = "模板网" target = "_blank" > |
35 | < img class = "diapo" src = "images/dijing_big.jpg" ></ a > |
36 | < div class = "text" > |
37 | </ div > |
38 | </ div > |
39 | < div class = "slide" > |
40 | < a href = "http://www.5imoban.net/" title = "模板网" alt = "模板网" target = "_blank" > |
41 | < img class = "diapo" src = "images/jinke_big.jpg" ></ a > |
42 | < div class = "text" > |
43 | </ div > |
44 | </ div > |
45 | </ div > |
46 | </ div > |
47 | < script type = "text/javascript" > |
48 | slider.init(); |
49 | document.getelementbyid("mainimg").onmouseover(); |
50 | </ script > |
- 本文标签:
- jquery代码,jquery图片轮播,jquery手风琴