自丢网

标题: jQuery点击小图切换控制大图幻灯片代码 [打印本页]

---

作者: admin    时间: 2020-7-22 11:57
标题: jQuery点击小图切换控制大图幻灯片代码
jQuery点击小图切换控制大图幻灯片代码
适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗
(, 下载次数: 324)

上传

点击文件名下载附件
js代码如下：

1. <script type="text/javascript">
   
2. $(document).ready(function() {
   
3.         $("#gallery_output img").not(":first").hide();
   
4.         $("#gallery a").click(function() {
   
5.                 $("#gallery a").removeClass('on');
   
6.                 $(this).addClass("on");
   
7.                 if ( $("#" + this.rel).is(":hidden") ) {
   
8.                         $("#gallery_output img").slideUp();
   
9.                         $("#" + this.rel).slideDown();
   
10.                 }
    
11.         });
    
12. });
    
13. </script>

复制代码

源码免费下载：
(, 下载次数: 992)

上传

点击文件名下载附件

---

欢迎光临 自丢网 (https://www.zidiu.com/)

Powered by Discuz! X3.5