无缝滚动2

<div id="RollPic" style="OVERFLOW: hidden; WIDTH: 920px; HEIGHT: 82px; text-align:center;">

<table border="0" cellspacing="0" cellpadding="0" >
<tr>
<td valign="top" id="RollPic1" >
<!-- 要循环滚动的图片 -->
<div>
<asp:DataList ID="dlphoto" runat="server" RepeatColumns="5" RepeatDirection="Horizontal">
                <ItemTemplate>
                <a target=_blank href='<%# Eval("URL") %>'><img title='<%# Eval("Title") %>' style="border: 1px solid #CCCCCC"   height="120" src='<%# Eval("IMG","./LinkIMG/{0}") %>'
                                width="191"/></a>
                </ItemTemplate>
                </asp:DataList><asp:Label ID="Label1" runat="server" Text=""></asp:Label>
</div>

</td>
<td id="RollPic2" style="width:1;"></td>
</tr>
</table>

 

<script type="text/javascript">
<!--
var speed=30//速度数值越大速度越慢
var demo2 = document.getElementById("RollPic2");
var demo = document.getElementById("RollPic");
var demo1 = document.getElementById("RollPic1");
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
-->
</script>
</div>