jQuery+ScrollPic.js图片无限循环滚动代码

来源:https://www.sucaihuo.com/js/4645.html 2019-08-15 11:58浏览(1055) 收藏

一款兼容性很好的jQuery+ScrollPic.js图片无限循环滚动代码,当鼠标悬停图片时停止滚动,离开继续滚动,鼠标按住左右箭头按钮可以加速滚动。
jQuery+ScrollPic.js图片无限循环滚动代码
分类:图片代码 > 鼠标滑过 难易:初级
查看演示 下载资源 下载积分: 20 积分

js代码

<script src="js/jquery.min.js"></script>
<script src="js/ScrollPic.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
    $(function () {
        var cc1 = new ScrollPic();
        cc1.scrollContId = "picList1"; // 内容容器ID,picList1加到容器上,
        cc1.arrLeftId = "LeftArr";//左箭头ID
        cc1.arrRightId = "RightArr"; //右箭头ID
        cc1.frameWidth = 1200; //显示框的宽度
        cc1.pageWidth = 1; //翻页宽度
        cc1.speed = 10; //移动速度(单位毫秒,越小越快)
        cc1.space = 10; //每次移动像素(单位px,越大越快)
        cc1.autoPlay = true; //自动播放
        cc1.autoPlayTime = 0.03; //自动播放间隔时间(秒)
        cc1.initialize(); //初始化
    });
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2