javascript实现滚动图片

前台：

[html]  view plain copy print ?

1. <div class="block">  
2.            <div class="title">  
3.                <strong>服务展示 </strong>  
4.            </div>  
5.            <div class="content" id="showroom">  
6.                <div class="wrapper index_footer_slide">  
7.                    <div id="index_foot_slide">  
8.                        <div id="in_index_foot_slide">  
9.                            <div id="index_foot_slide1">  
10.                                <asp:Repeater ID="repBottomPictures" runat="server">  
11.                                    <ItemTemplate>  
12.                                        <a href="">  
13.                                            <img src='<%#Eval("ImageUrl")%>' /></a>  
14.                                    </ItemTemplate>  
15.                                </asp:Repeater>  
16.                            </div>  
17.                            <div id="index_foot_slide2">  
18.                                <asp:Repeater ID="Repeater1" runat="server">  
19.                                    <ItemTemplate>  
20.                                        <div>  
21.                                            <a href="">  
22.                                                <img src='<%#Eval("ImageUrl")%>' /></a></div>  
23.                                    </ItemTemplate>  
24.                                </asp:Repeater>  
25.                            </div>  
26.                        </div>  
27.                    </div>  
28.                </div>  
29.            </div>  
30.        </div>  

javascript：

[javascript]  view plain copy print ?

1. var speed=12; //数字越大速度越慢  
2. var tab=document.getElementById("index_foot_slide");  
3. var tab1=document.getElementById("index_foot_slide1");  
4. var tab2=document.getElementById("index_foot_slide2");  
5. tab2.innerHTML=tab1.innerHTML;  
6. function Marquee(){  
7. if(tab.scrollLeft<=0)  
8. tab.scrollLeft+=tab2.offsetWidth  
9. else{  
10. tab.scrollLeft--  
11. }  
12. }  
13. var MyMar=setInterval(Marquee,speed);  
14. tab.οnmοuseοver=function() {clearInterval(MyMar)};  
15. tab.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)};