js圖片向右一張張滾動效果實例程式碼_javascript技巧

先來張效果圖

樣式

複製碼代碼如下：

  :60px;高度:86px;}
        #starScroll{寬度:843px;高度:188px;左邊距:15px;右邊距:15px;上邊距:9px;溢出:隱藏; ;}
        #starScroll #contentScroll{width:500%}
        #starScroll #ScrollOne{float:left;}        #starScroll #ScrollOne img{width:204px;height:188px;border:0px;}
{Twhioooo 🎜>        #starScroll #ScrollTwo a{float:left;width:204px;height:188px;margin-right:9px;float:leftdisplay:inline;}        #div_right{float:left;width:60px;height:86px;}
   高度:86px;寬度:60px;遊標:指針;顯示:塊;邊距頂部:50px;}
        .prev{背景位置:左上;}
   
        .next{背景位置：右上；}
        .next：停留{背景位置：右下；}

html程式碼

複製程式碼程式碼如下：

       
   

div id="contentScroll">
           

            a>
                >
               
                ; >
                a>

            "ScrollTwo">

       

        
   
   

JS程式碼

複製程式碼 程式碼如下:

    ;