请选择 进入手机版 | 继续访问电脑版

jQuery点击小图切换控制大图幻灯片代码

[复制链接]
查看2418 | 回复0 | 2020-7-22 11:57 | 显示全部楼层 |阅读模式
jQuery点击小图切换控制大图幻灯片代码
适用浏览器:IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗

jQuery点击小图切换控制大图幻灯片代码

jQuery点击小图切换控制大图幻灯片代码

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>
复制代码
源码免费下载:
zidiu5297.zip (161.42 KB, 下载次数: 751)
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-3-24