图片连续滚动

<HTML>  
<head>
<title></title>


</head>
<BODY>  
   
<div id="butong_net_right" style="overflow:hidden;width:500px;">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="butong_net_right1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td><img src="imags/1.jpg" width="100" height="133"></td>
<td><img src="imags/2.jpg" width="100" height="133"></td>
<td><img src="imags/3.jpg" width="100" height="133"></td>
<td><img src="imags/4.jpg" width="100" height="133"></td>
<td><img src="imags/5.jpg" width="100" height="133"></td>
</tr>
</table>
</td>
<td id="butong_net_right2" valign="top"></td>
</tr>
</table>


 </BODY>  <script>
var speed=30//速度数值越大速度越慢
butong_net_right2.innerHTML=butong_net_right1.innerHTML
function Marquee4(){
if(butong_net_right.scrollLeft<=0)
butong_net_right.scrollLeft+=butong_net_right2.offsetWidth
else{
butong_net_right.scrollLeft--
}
}
var MyMar4=setInterval(Marquee4,speed)
butong_net_right.onmouseover=function() {clearInterval(MyMar4)}
butong_net_right.onmouseout=function() {MyMar4=setInterval(Marquee4,speed)}
</script>  
 </HTML>

你可能感兴趣的:(html,function,div,border)