大量文字横向(向左)无缝滚动Javascript

在做一个网站中,一直解决不了文字向左无缝滚动,特别是当一条文字太长时,总是会自动换行或是静止不动,今天终于搞定,分享一下!

<style type="text/css" media="all">  .nuodou1{ margin:0px; width:600px; height:22px; overflow:hidden; white-space:nowrap; float:left; }  .nuodou2{ margin:0px auto; }  .div2{ width:auto; height:22px; font-size:12px; line-height:22px; vertical-align:middle; } </style> <script language="javascript" type="text/javascript">  var s,s2,s3,timer;  function init(){   s=getid("div1");   s2=getid("div2");   s3=getid("div3");   s3.innerHTML=s2.innerHTML;   timer=setInterval(mar,30)  }  function mar(){   if(s2.offsetWidth<=s.scrollLeft){    s.scrollLeft-=s2.offsetWidth;   }else{s.scrollLeft++;}  }  function getid(id){   return document.getElementById(id);  }    window.onload=init; </script> <div id="div1" onmouseover="clearInterval(timer)" onmouseout="timer=setInterval(mar,30)">  <span id="div2">   ·<a href="http://yangjunwei.com/216.html" target=_blank>图片无缝循环滚动代码</a>  ·<a href="http://yangjunwei.com/148.html" target=_blank>滚动一行停顿2秒,再滚动下一行--链接数据库写法</a>  ·<a href="http://yangjunwei.com/216.html" target=_blank>图片无缝循环滚动代码</a>  ·<a href="http://yangjunwei.com/52.html" target=_blank>随滚动条移动的DIV层</a>  ;·<a href="http://yangjunwei.com/148.html" target=_blank>滚动一行停顿2秒,再滚动下一行--链接数据库写法</a>  ;·<a href="http://yangjunwei.com/148.html" target=_blank>滚动一行停顿2秒,再滚动下一行--链接数据库写法</a>  </span>  <span id="div3"></span> </div>

针对科讯cms,可以用自定义SQL函数标签, 其中的循环体代码只需要将上面代码中的代码:

<div id="nuodou">
 ……
</div>

用以下代码来替换即可

<div id="nuodou">
 [loop=20]·<a href="{$Field(ID,GetInfoUrl,1,1)}" target=_blank>{$Field(Title,Text,0,,0,)}</a>&nbsp;&nbsp;[/loop]
</div>