网页设计：不间断滚动显示图片-2

不间断滚动显示图片--向左

例子：

代码如下：

<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="31" colspan="2" valign="top"> <div id=demo style=overflow:hidden;height:60;width:410;color:#ffffff> <!-- 重要的层，在此设置要显示的宽度与高度 --> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td id=demo1 height="43"> <a href="http://www.ncist.edu.cn/anniversary" target="_blank"><img src="http://www.ncist.edu.cn/images/xiaoqing.gif" alt="20周年校庆专题网站" width="88" height="31" border="0"></a> <a><img src="http://www.ncist.edu.cn/images/b.gif" width="15" height="31" border="0"></a> <a href="http://zsjy.ncist.edu.cn" target="_blank"><img src="http://www.ncist.edu.cn/images/zsjy.gif" width="88" height="31" border="0"></a> <a><img src="http://www.ncist.edu.cn/images/b.gif" width="15" height="31" border="0"></a> <a href="http://news.ncist.edu.cn/tv/" target="_blank"><img src="http://www.ncist.edu.cn/images/shipin.gif" alt="校园电视台视频新闻" width="88" height="31" border="0"></a> <a><img src="http://www.ncist.edu.cn/images/b.gif" width="15" height="31" border="0"></a> <a href="http://www.ccmosh.org.cn" target="_blank"><img src="http://www.ncist.edu.cn/images/anquan.gif" alt="中国煤炭职业安全卫生信息网" width="88" height="31" border="0"></a> <a><img src="http://www.ncist.edu.cn/images/b.gif" width="15" height="31" border="0"></a> <a href="http://www.ncist.edu.cn/resource" target="_blank"><img src="http://www.ncist.edu.cn/images/kecheng.gif" alt="精品课程" width="88" height="31" border="0"> </a> <a><img src="http://www.ncist.edu.cn/images/b.gif" width="15" height="31" border="0"></a> <a href="http://dgdz.ncist.edu.cn" target="_blank"><img src="http://www.ncist.edu.cn/images/dianzi.gif" alt="电工电子实验教学示范中心" width="88" height="31" border="0"></a> <a><img src="http://www.ncist.edu.cn/images/b.gif" width="15" height="31" border="0"></a> <a href="http://www.ncist.edu.cn/pic" target="_blank"><img src="http://www.ncist.edu.cn/images/pic.gif" alt="华北科技学院图片展" width="88" height="31" border="0"></a> <a><img src="http://www.ncist.edu.cn/images/b.gif" width="15" height="31" border="0"></a></td> <td id=demo2></td> </tr> </table> </div> <script> var speed=30 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> </td> </tr> </table>