<div id="rowdemo" style="overflow:hidden; width:520px;">
<table cellpadding="0" cellspace="0" border="0">
<tr>
<td id="rowdemo1">
<!--------------------->
被滚动的内容。
<!--------------------->
</td>
<td id="rowdemo2"></td>
</tr>
</table>
</div><script type="text/javascript">
var speed=60 ; //速度
rowdemo2.innerHTML=rowdemo1.innerHTML;
function rowMarquee(){
if(rowdemo2.offsetWidth-rowdemo.scrollLeft<=0)
rowdemo.scrollLeft-=rowdemo1.offsetWidth;
else
rowdemo.scrollLeft+=2; //这里也可以控制速度
}
var rowMar=setInterval(rowMarquee,speed);
rowdemo.onmouseover=function(){clearInterval(rowMar);}
rowdemo.onmouseout=function(){rowMar=setInterval(rowMarquee,speed);}
</script>

解决方案 »

  1.   

    楼上改的已经很全了。
    再设下宽度
    <div id="rowdemo" style="overflow:hidden; width:120px;">
    <table cellpadding="0" cellspace="0" border="0" width="300">style="overflow:hidden;//溢出部分隐藏
      

  2.   

    我修改了宽度:
    style="overflow:hidden; width:600px;"
    <table cellpadding="0" cellspacing="0" border="0" width="800">并且把滚动的文字换成这样的:1<A HREF="http://www.sohu.com">搜狐官方网站</A>。2。<A HREF="http://www.sina.com.cn">新浪官方网站</A>3 <A HREF="http://www.qq.com">腾讯官方网站</A>。运行时发现只滚动一次,不能循环滚动。该如何解决?