JS動態可控制左右滾動的圖片代碼

這幾天在整理一個系統發現了這個方法，貼出來一塊兒學習學習。
<!--滾動圖片 start-->

<DIV class=rollphotos>
<DIV class=FixTitle>
<H3>運動會回顧</H3><SPAN><A href="http://www.xiambill.com/" target=_blank>更多&gt;&gt;</A></SPAN></DIV>
<DIV class=blk_29>
<DIV class=LeftBotton id=LeftArr></DIV>
<DIV class=Cont id=ISL_Cont_1>
<!-- 圖片列表 begin -->
<DIV class=box><A class=imgBorder href="http://www.wuhbill.com/" target=_blank><IMG height=84 alt="Hy-Apricot" src="images/1.jpg" width=100
border=0></A>
<P><A href="http://www.xiambill.com/"
target=_blank>運動會火炬傳遞</A></P></DIV>
<DIV class=box><A class=imgBorder href="http://www.shenzbill.com/" target=_blank><IMG height=84 alt="Hy-Apricot" src="images/2.jpg" width=100
border=0></A>
<P><A href="http://www.xiambill.com/"
target=_blank>運動會精彩瞬間</A></P></DIV>
<DIV class=box><A class=imgBorder href="http://www.xiambill.com/" target=_blank><IMG height=84 alt="Hy-Apricot" src="images/3.jpg" width=100
border=0></A>
<P><A href="http://www.xiambill.com/"
target=_blank>卡通玩偶組成會徽</A></P></DIV>
<DIV class=box><A class=imgBorder href="http://www.wuhbill.com/" target=_blank><IMG height=84 alt="Hy-Apricot" src="images/4.jpg" width=100
border=0></A>
<P><A href="http://www.xiambill.com/"
target=_blank>運動會焰火表演</A></P></DIV>
<DIV class=box><A class=imgBorder href="http://www.shenzbill.com/" target=_blank><IMG height=84 alt="Hy-Apricot" src="images/5.jpg" width=100
border=0></A>
<P><A href="http://www.xiambill.com/"
target=_blank>中國表明團入場</A></P></DIV>
<DIV class=box><A class=imgBorder href="http://www.shenzbill.com/" target=_blank><IMG height=84 alt="Hy-Apricot" src="images/6.jpg" width=100
border=0></A>
<P><A href="http://www.xiambill.com/"
target=_blank>各表明團入場</A></P></DIV>
<DIV class=box><A class=imgBorder href="http://www.wuhbill.com/" target=_blank><IMG height=84 alt="Hy-Apricot" src="images/7.jpg" width=100
border=0></A>
<P><A href="http://www.xiambill.com/"
target=_blank>運動會暖場表演</A></P></DIV>
<DIV class=box><A class=imgBorder href="http://www.xiambill.com/" target=_blank><IMG height=84 alt="Hy-Apricot" src="images/8.jpg" width=100
border=0></A>
<P><A href="http://www.xiambill.com/"
target=_blank>運動會即將舉行</A></P></DIV>
<!-- 圖片列表 end --></DIV>

<DIV class=RightBotton id=RightArr></DIV></DIV>


<SCRIPT language=javascript type=text/javascript>
        
        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     = 900;//顯示框寬度
        scrollPic_02.pageWidth      = 100; //翻頁寬度

        scrollPic_02.speed          = 10; //移動速度(單位毫秒，越小越快)
        scrollPic_02.space          = 10; //每次移動像素(單位px，越大越快)
        scrollPic_02.autoPlay       = true; //自動播放
        scrollPic_02.autoPlayTime   = 3; //自動播放間隔時間(秒)

        scrollPic_02.initialize(); //初始化
                            
</SCRIPT>
</DIV>

<!--滾動圖片 end-->

by:hy-apricot/阿杏