jQuery仿简书首页轮播

所属分类:媒体-幻灯片和轮播图

 2903  17  查看评论 (4)
jQuery仿简书首页轮播 ie兼容9
相关插件-幻灯片和轮播图

jQuery个性化数字焦点图代码

jQuery个性化数字焦点图代码,底部4个焦点数字编码,左右展开,同时展开文字说明
  幻灯片和轮播图
 7915  19

带进度条的鼠标点击放大特效插件

通过拖动横向滚动条来放大或缩小组图
  幻灯片和轮播图
 7820  36

jQuery图片左右切换

图片左右切换,鼠标悬停,图片放大
  幻灯片和轮播图
 9397  49

仿百度经验的图文帮助中心轮播

仿百度经验的图文帮助中心轮播,自己设置修改样式就能用
  幻灯片和轮播图
 7765  48

讨论这个项目(4)回答他人问题或分享插件使用方法奖励jQ币

    Wait or Hope 0
    2017/11/4 10:55:17
    2499339044 0
    2017/11/3 15:59:00
    心上秋 0
    2017/11/3 14:49:23
    Medy丶ghost 0
    2017/11/3 13:41:41

    使用简单。引入jq和插件js文件。使用如下:

    <div class='container'>
        <div id='banner'></div>
    </div>
    <script src='./js/jquery.js'></script>
    <script src='./js/carousel.js'></script>
    <script>
        window.onload = function() {
            var banner = new Carousel();
            //图片地址数组。不要少于三张
            var imgSrcDate = ["./public/img/01.jpg", "./public/img/02.jpg", "./public/img/03.jpg", "./public/img/04.jpg", "./public/img/05.png", "./public/img/06.jpg"];
            banner.init({
                container: "#banner",
                datas: imgSrcDate,
                autoplaySpeed: 5000,
                autoplay: false
            });
        }
    </script>
    回复
取消回复