• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 特效插件 > 滚动图片 >  半透明滑动效果的j正文

半透明滑动效果的jquery手风琴图片轮播代码

作者:网页模板
大小:0.331MB
点击次数:
发布时间:2014-02-24 14:31
分享到:

特效介绍

手风琴效果jquery代码
半透明滑动效果的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>
2、在banner幻灯区域引入下面的代码:
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">
48slider.init();
49document.getelementbyid("mainimg").onmouseover();
50</script>
  • 本文标签:
  • jquery代码,jquery图片轮播,jquery手风琴
带进度条和加载动画的flash+xml左右滚动的banner轮播效果
支持键盘左右键和图片缩略图、描述等的jquery图片幻灯代码