此Jquery插件是一款带左右控制按钮的图片滚动功能,是一种很实用和常用的功能,使用很简单,可以灵活设置9个参数,可以绑定内容容器ID,左按钮ID,右按钮ID,显示宽度,翻页宽度等功能。
插件初始化代码如下:
var scrollPic_01 = new ScrollPic();
scrollPic_01.scrollContId = "gdjyhj"; //内容容器ID
scrollPic_01.arrLeftId = "gdjyhjl";//左箭头ID
scrollPic_01.arrRightId = "gdjyhjr"; //右箭头ID
scrollPic_01.frameWidth = 610;//显示框宽度
scrollPic_01.pageWidth = 207; //翻页宽度
scrollPic_01.speed = 20; //移动速度(单位毫秒,越小越快)
scrollPic_01.space = 20; //每次移动像素(单位px,越大越快)
scrollPic_01.autoPlay = true; //自动播放
scrollPic_01.autoPlayTime = 2; //自动播放间隔时间(秒)
scrollPic_01.initialize(); //初始化
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
图片特效 无缝滚动 滑动插件 图片播放 图片滚动 banner横向滚动 ImgScroll