当前位置：首页 > 资讯 > 技术文档

漂亮的js tab图片轮换效果代码(可自定义的幻灯片和图片缓冲切换)

时间：2021-02-23 06:22 编辑：来源：阅读：
扫一扫，手机访问

摘要：漂亮的js tab图片轮换效果代码(可自定义的幻灯片和图片缓冲切换)

[img]http://files.jb51.net/upload/20081212234752620.gif[/img]
[img]http://files.jb51.net/upload/20081212234808931.gif[/img]
在线演示 [url=http://img.jb51.net/online/tab08/index.htm]http://img.jb51.net/online/tab08/index.htm[/url]

<div class="dhooo_tab"> 
[list] 
[*]嘉年华[/*][*]完美冬日[/*][*]年终庆[/*][*]妈咪宝贝[/*][*]冬季氛围[/*] 
[/list] 
<div class="main" id="main1"> 
<div class="shell"> 
[list] 
[*][img]http://img.jb51.net/online/tab08/images/1.jpg[/img]
</img>[/*] 
[*][img]http://img.jb51.net/online/tab08/images/2.jpg[/img]
</img>[/*] 
[*][img]http://img.jb51.net/online/tab08/images/3.jpg[/img]
</img>[/*] 
[*][img]http://img.jb51.net/online/tab08/images/4.jpg[/img]
</img>[/*] 
[*][img]http://img.jb51.net/online/tab08/images/5.jpg[/img]
</img>[/*] 
[/list] 
</div> 
</div> 
</div> 
<div class="dhooo_tab"> 
<div style="height:30px;background:#CC0000;margin-bottom:10px;border-bottom:2px solid #990000;position:relative"><div style="background:#fff;width:80px;font-size:12px;position:absolute;bottom:-2px;left:20px;padding:5px">我的幻灯片</div></div> 
[list] 
[*]1[/*][*]2[/*][*]3[/*][*]4[/*][*]5[/*] 
[/list] 
<div class="main" id="main2"> 
[list] 
[*][img]http://img.jb51.net/online/tab08/images/5.jpg[/img]
</img>[/*][*][img]http://img.jb51.net/online/tab08/images/4.jpg[/img]
</img>[/*][*][img]http://img.jb51.net/online/tab08/images/3.jpg[/img]
</img>[/*][*][img]http://img.jb51.net/online/tab08/images/2.jpg[/img]
</img>[/*][*][img]http://img.jb51.net/online/tab08/images/1.jpg[/img]
</img>[/*] 
[/list] 
</div> 
</div>

[Ctrl+A 全选注:[url=http://www.1sucai.cn/article/23421.htm]如需引入外部Js需刷新才能执行[/url]]

全部评论(0)

上一篇：点击下载链接弹出页面实现代码
下一篇：CSDN轮换广告图片轮换效果

资讯排行榜
更多>>