jQuery轮播插件SuperSlide【2016-10-14】

【一、页面实现轮播效果】

(1)效果下图可以自动轮播

(2)代码  autoPlay控制是否轮播

            //banner轮播
            $(".banner").slide({mainCell:".bd ul",effect:"left",autoPlay:true,delayTime:1000});

            //孵化基地推荐轮播
            $("#hc-base-slide").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,vis:3});
              
              //资深投资人轮播
              $("#hc-investor-list").slide({titCell:".hd ul",mainCell:".bd ul",autoPage:true,effect:"left",autoPlay:true,vis:4});
            
              //新闻轮播
              $("#news-slide").slide({mainCell:".bd ul",autoPlay:true,effect:"left",delayTime:1000});

(3)用到的插件是——简单实用的jQuery滑动门SuperSlide

    滑动门和轮播插件可以网上下载学习,

 

posted @ 2016-10-14 15:01  涤新云  阅读(1677)  评论(0编辑  收藏  举报