左右滚动的图片效果 - 51windows.Net
51windows.Net
>
脚本收藏
>
图片类
> 左右滚动的图片效果
左右滚动的图片效果
<html> <head> <title>左右滚动的图片效果 - 51windows.Net</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#999999"> <table border="1" width="760" align="center"> <tr> <td width="215"> </td> <td width="545"> <!-- 滚动代码 begin --> <div id="demo" style="overflow:hidden;height:120px;width:543px;"> <table width="100%" cellspacing="0"> <tr> <td id="demo1"> <table cellspacing="0" cellspacing="2"> <tr> <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51windows.net_201001/jsimg/TN_Feng016.JPG" border="0"/></a></td> <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51windows.net_201001/jsimg/TN_Feng017.JPG" border="0"/></a></td> <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51windows.net_201001/jsimg/TN_Feng018.JPG" border="0"/></a></td> <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51windows.net_201001/jsimg/TN_Feng019.JPG" border="0"/></a></td> <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51windows.net_201001/jsimg/TN_Feng020.JPG" border="0"/></a></td> <td><a href="http://www.51windows.net/mypic/sight/page_01.htm" target="_blank"><img src="http://www.51windows.net/51windows.net_201001/jsimg/TN_Feng021.JPG" border="0"/></a></td> </tr> </table> </td> <td id="demo2"></td> </tr> </table> </div> <!-- 滚动代码 end --> </td> </tr> </table> <script> var speed=50 demo2.innerHTML=demo1.innerHTML function Marquee(){if(demo2.offsetWidth-demo.scrollLeft<=0){demo.scrollLeft-=demo1.offsetWidth;}else{demo.scrollLeft+=2}} var MyMar=setInterval(Marquee,speed) demo.onmouseover=function() {clearInterval(MyMar)} demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)} </script> </body> </html>
网站推荐：
虎的笑话
虎的成语
虎的歇后语
在线小游戏
成语排行榜
歇后语排行榜
中华五千年
文革图片
转载本站内容，请务必保留原作者信息。
本站提供的内容部分是在网上搜集，如果侵犯了您的版权，请告之，我们会删除内容或加上您的信息。(
网站留言
、
站内搜索
)