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>