jQuery自适应下拉导航+分类导航+轮播图特效

jQuery自适应下拉导航+分类导航+轮播图特效，包含了多种特效，PC端和移动端效果都非常棒。

分类：图片代码 > 图片轮播难易：初级

查看演示下载资源下载积分： 40 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

js代码

<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.js"></script>
<script type="text/javascript" src='js/script.js'></script>

<script type="text/javascript">
      //轮播
      jQuery(".slideBox").slide({
         mainCell: ".bd ul",
         effect: "leftLoop",
         vis: "auto",
         autoPlay: true,
         trigger: "mouseover"
      });
      //模块左滑动
      jQuery(".swiper").slide({
         mainCell: "ul",
         autoPlay: true,
         effect: "leftMarquee",
         interTime: 50,
         vis: 4
      });
      //信息tab切换
      jQuery(".notice").slide({
         titCell: ".tab-hd li",
         mainCell: ".tab-bd",
         delayTime: 0
      });
      //广告轮播
      jQuery(".adPart").slide({
         mainCell: "ul",
         autoPlay: true,
         effect: "left",
         vis: 4,
         scroll: 1,
         autoPage: true,
         pnLoop: false
      });
      if(screen.width<500){
         //模块左滑动
         jQuery(".swiper").slide({
            mainCell: "ul",
            autoPlay: true,
            effect: "leftMarquee",
            interTime: 50,
            vis: 2
         });
         //信息tab切换
         jQuery(".notice").slide({
            titCell: ".tab-hd li",
            mainCell: ".tab-bd",
            delayTime: 0
         });
         //广告轮播
         jQuery(".adPart").slide({
            mainCell: "ul",
            autoPlay: true,
            effect: "left",
            vis: 1,
            scroll: 1,
            autoPage: true,
            pnLoop: false
         });
      }
</script>