ScrollPic.js——图片左右滚动插件

自己在做项目的时候刚好遇到了图片做左右滚动的项目，发现ScrollPic.js这个插件还是很好用的，一般的浏览器都支持，也可以做成bootstrap样式；

首先需要下载ScrollPic.js这个插件；

使用方法：

<SCRIPT language=javascript type=text/javascript>
<!--//--><![CDATA[//><!--
window.onload=function(){
//首先需要加载ScrollPic.js插件
var scrollPic_02 = new ScrollPic();
scrollPic_02.scrollContId = "ISL_Cont_1"; //内容容器ID
scrollPic_02.arrLeftId = "LeftArr";//左箭头ID
scrollPic_02.arrRightId = "RightArr"; //右箭头ID

scrollPic_02.frameWidth = 520;//显示框宽度（这个可以根据自己的需求进行更改）
scrollPic_02.pageWidth = 104; //翻页宽度

scrollPic_02.speed = 10; //移动速度(单位毫秒，越小越快)
scrollPic_02.space = 10; //每次移动像素(单位px，越大越快)
scrollPic_02.autoPlay = true; //自动播放
scrollPic_02.autoPlayTime = 4; //自动播放间隔时间(秒)

scrollPic_02.initialize(); //初始化

//--><!]]>
}
</SCRIPT>

 

转载于:https://www.cnblogs.com/gaoxuqing/p/6807929.html