<script type="text/javascript">
var tc;
window.onload=function(){
 var o=document.getElementById('infozone');hscroll(o);
 window.setInterval(function(){window.clearTimeout(tc);o.firstChild.style.marginLeft='0px';scrollup(o,20,0);},2000);
}
function scrollup(o,d,c){
 if(d==c){
  var t=o.firstChild.cloneNode(true);
  o.removeChild(o.firstChild);o.appendChild(t);
  t.style.marginTop=o.firstChild.style.marginTop='0px';
  hscroll(o);
 }
 else{
  ch=false;var s=3,c=c+s,l=(c>=d?c-d:0);
  o.firstChild.style.marginTop=-c+l+'px';
  window.setTimeout(function(){scrollup(o,d,c-l)},50);
 }
}function hscroll(o){
 var w1=o.firstChild.offsetWidth,w2=o.offsetWidth;
 if(w1<=w2)return;
 tc=window.setTimeout(function(){hs(o,w1-w2,0,w1-w2)},1000);
}function hs(o,d,c,p){
 c++;var t=(c>0?-c:c);o.firstChild.style.marginLeft=t+'px';
 if(c==d){if(d==0){tc=window.setTimeout(function(){hs(o,p,0,p)},1000);}else tc=window.setTimeout(function(){hs(o,0,-p,p)},1000);}
 else tc=window.setTimeout(function(){hs(o,d,c,p)},5);
}
</script>一段上下滚动js
谁能帮我加一下,当鼠标放在上边的时候内容停止滚动?

解决方案 »

  1.   

    把你的html也发出来,看看效果先。
      

  2.   

    <style type="text/css">
    #infozone{font-size:12px;color:#aa6;overflow:hidden;width:200px;height:20px;}
    #infozone div{height:20px;line-height:20px;white-space:nowrap;overflow:hidden;}
    #infozone a:link,a:visited  {color:#aa6;}</style><script type="text/javascript">
    var tc;
    window.onload=function(){
     var o=document.getElementById('infozone');hscroll(o);
     window.setInterval(function(){window.clearTimeout(tc);o.firstChild.style.marginLeft='0px';scrollup(o,20,0);},2000);
    }
    function scrollup(o,d,c){
     if(d==c){
      var t=o.firstChild.cloneNode(true);
      o.removeChild(o.firstChild);o.appendChild(t);
      t.style.marginTop=o.firstChild.style.marginTop='0px';
      hscroll(o);
     }
     else{
      ch=false;var s=3,c=c+s,l=(c>=d?c-d:0);
      o.firstChild.style.marginTop=-c+l+'px';
      window.setTimeout(function(){scrollup(o,d,c-l)},50);
     }
    }function hscroll(o){
     var w1=o.firstChild.offsetWidth,w2=o.offsetWidth;
     if(w1<=w2)return;
     tc=window.setTimeout(function(){hs(o,w1-w2,0,w1-w2)},1000);
    }function hs(o,d,c,p){
     c++;var t=(c>0?-c:c);o.firstChild.style.marginLeft=t+'px';
     if(c==d){if(d==0){tc=window.setTimeout(function(){hs(o,p,0,p)},1000);}else tc=window.setTimeout(function(){hs(o,0,-p,p)},1000);}
     else tc=window.setTimeout(function(){hs(o,d,c,p)},5);
    }
    </script>
    <div id="infozone">
    <div><a target="_blank" href="http://www.setasp.com/html/phpjishu/PHPjiqiao/200811/11-49.html">PHP+AJAX实例教程</a></div>
    <div><a target="_blank" href="http://www.setasp.com/html/wangyetexiao/wenbentexiao/200811/13-85.html">又一款渐显文本幻灯片效果</a></div>
    <div><a href="http://www.setasp.com/html/wangyetexiao/wenbentexiao/200811/13-84.html">耳目一新:文本也玩幻灯片滚动效果</a></div>
    <div><a target="_blank" href="http://www.setasp.com/html/wangyetexiao/tuxingtexiao/200811/13-71.html">目前最为流行的新闻图片切换代码</a></div>
    </div>
      

  3.   

    改这里就可。
    window.onload=function(){ 
    var o=document.getElementById('infozone');hscroll(o); 
    var interval = window.setInterval(function(){window.clearTimeout(tc);o.firstChild.style.marginLeft='0px';scrollup(o,20,0);},2000); 
    o.onmouseover= function()
    {
        window.clearTimeout(interval);
    }
    o.onmouseout  = function()
    {
    interval = window.setInterval(function(){window.clearTimeout(tc);o.firstChild.style.marginLeft='0px';scrollup(o,20,0);},2000); 
    }}