<html>
<head>
<title>JavaScript Motion Sample</title>
</head>
<body>
<div style="width:560px; height:130px; overflow:hidden;" id="photo_box">
<table cellpadding=0 cellspacing=0>
<tr><td style="width:672px; height:120px" id="topshow1">
<table width="100%" border="0" cellspacing="0" cellpadding="6">
<tr align="center">
<td valign="top"><A HREF="http://kingye.bb.iyaya.com" target="_blank"><img src="http://base.iyaya.info/a1/ki/kingye.jpg" width="100" height="100"><br>铿铿成长的快乐...</A></td>
<td valign="top"><A HREF="http://xlzdd.vip.iyaya.com" target="_blank"><img src="http://base.iyaya.info/a1/xl/xlzdd.jpg" width="100" height="100"><br>"张"显个性 ...</A></td>
<td valign="top"><A HREF="http://1huangxinyi.bb.iyaya.com" target="_blank"><img src="http://base.iyaya.info/a1/0h/1huangxinyi.jpg" width="100" height="100"><br>馨仪的网页...</A></td>
<td valign="top"><A HREF="http://tonghuatianshi.vip.iyaya.com" target="_blank"><img src="http://base.iyaya.info/a1/to/tonghuatianshi.jpg" width="100" height="100"><br>童话天使*春之...</A></td>
<td valign="top"><A HREF="http://j327ls.bb.iyaya.com" target="_blank"><img src="http://base.iyaya.info/a1/j0/j327ls.jpg" width="100" height="100"><br>美女降临...</A></td>
<td valign="top"><A HREF="http://xuan789.bb.iyaya.com" target="_blank"><img src="http://base.iyaya.info/a1/xu/xuan789.jpg" width="100" height="100"><br>煊煊的快乐小家...</A></td>
</tr>
</table>
</td>
<td style="width:672px; height:120px" id="topshow2">
</td>
</table>
</div>
<script>
var speed=30
topshow2.innerHTML=topshow1.innerHTML;
function Marquee(){
if(topshow2.offsetWidth-photo_box.scrollLeft<=0){
photo_box.scrollLeft-=topshow1.offsetWidth
}else{
photo_box.scrollLeft++
}
}
var MyMar=setInterval(Marquee,speed)
photo_box.onmouseover=function() {clearInterval(MyMar)}
photo_box.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
function move_left(){
photo_box.scrollLeft++;
alert(photo_box.scrollLeft);
}
</script>
</body>
</html>
版权声明：本文为博主原创文章，未经博主允许不得转载。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
