自己在做項目的時候剛好遇到了圖片做左右滾動的項目，發(fā)現(xiàn)ScrollPic.js這個插件還是很好用的，一般的瀏覽器都支持，也可以做成bootstrap樣式；

首先需要下載ScrollPic.js這個插件；

使用方法：

<SCRIPT language=javascript type=text/javascript>
<!--//--><![CDATA[//><!--
window.οnlοad=function(){
//首先需要加載ScrollPic.js插件
var scrollPic_02 = new ScrollPic();
scrollPic_02.scrollContId = "ISL_Cont_1"; //內(nèi)容容器ID
scrollPic_02.arrLeftId = "LeftArr";//左箭頭ID
scrollPic_02.arrRightId = "RightArr"; //右箭頭ID

scrollPic_02.frameWidth = 520;//顯示框?qū)挾?#xff08;這個可以根據(jù)自己的需求進行更改）
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>

?

轉(zhuǎn)載于:https://www.cnblogs.com/gaoxuqing/p/6807929.html

總結

以上是生活随笔為你收集整理的ScrollPic.js——图片左右滚动插件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。