已测试过,正常的!
<div id=demo style="overflow:hidden;width:1200px;height:350px" align=center>
<table border=0 align=center cellpadding=0 cellspacing=0 cellspace=0 >
<tr>
<td valign=top id=marquePic1>
<table cellspacing="15" cellpadding="0">
<tr>
<td align="center"><a href=""> <img src="" style="width:278px; height:320px;" /></a></td>
<td align="center"><a href=""> <img src="" style="width:278px; height:320px;" /></a></td>
<td align="center"><a href=""> <img src="" style="width:278px; height:320px;" /></a></td>
<td align="center"><a href=""> <img src="" style="width:278px; height:320px;" /></a></td>
<td align="center"><a href=""> <img src="" style="width:278px; height:320px;" /></a></td>
</tr>
</table>
</td>
<td id=marquePic2 valign=top></td>
</tr>
</table>
</div>
<SCRIPT type=text/javascript>
var speed=20
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
<div id=demo style="overflow:hidden;width:1200px;height:350px" align=center>
<table border=0 align=center cellpadding=0 cellspacing=0 cellspace=0 >
<tr>
<td valign=top id=marquePic1>
<table cellspacing="15" cellpadding="0">
<tr>
<td align="center"><a href=""> <img src="" style="width:278px; height:320px;" /></a></td>
<td align="center"><a href=""> <img src="" style="width:278px; height:320px;" /></a></td>
<td align="center"><a href=""> <img src="" style="width:278px; height:320px;" /></a></td>
<td align="center"><a href=""> <img src="" style="width:278px; height:320px;" /></a></td>
<td align="center"><a href=""> <img src="" style="width:278px; height:320px;" /></a></td>
</tr>
</table>
</td>
<td id=marquePic2 valign=top></td>
</tr>
</table>
</div>
<SCRIPT type=text/javascript>
var speed=20
marquePic2.innerHTML=marquePic1.innerHTML
function Marquee(){
if(demo.scrollLeft>=marquePic1.scrollWidth){
demo.scrollLeft=0
}else{
demo.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
demo.οnmοuseοver=function() {clearInterval(MyMar)}
demo.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed)}
</SCRIPT>
如需转载,请注明来源:【魅网工作室】
(责任编辑:魅网工作室)