设为首页收藏本站
开启辅助访问 切换到宽版
快捷导航 发布信息
搜索
搜索附件  
自丢网 › 附件中心 › 模板下载 › 网页特效 › 幻灯片代码 ›zidiu5297.zip

板块导航

热门下载

左侧广告
版权所有：自丢网
For 2020-2050 © zidiu.com

zidiu5297.zip

 

jQuery点击小图切换控制大图幻灯片代码:
jQuery点击小图切换控制大图幻灯片代码
适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗

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>
复制代码
源码免费下载：