大量文字横向（向左）无缝滚动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="https://yangjunwei.com/216.html" target=_blank>图片无缝循环滚动代码</a>  ·<a href="https://yangjunwei.com/148.html" target=_blank>滚动一行停顿2秒,再滚动下一行－－链接数据库写法</a>  ·<a href="https://yangjunwei.com/216.html" target=_blank>图片无缝循环滚动代码</a>  ·<a href="https://yangjunwei.com/52.html" target=_blank>随滚动条移动的DIV层</a>  ;·<a href="https://yangjunwei.com/148.html" target=_blank>滚动一行停顿2秒,再滚动下一行－－链接数据库写法</a>  ;·<a href="https://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>