是不是这样滚动
<div id="marquees">
  <a href="javascript:">1,你可曾有过无数的梦想,</a><br>
  <br>
  <a href="javascript:">2,却在时光的流逝里幻灭 </a><br>
  <br>
  <a href="javascript:">3,你可曾对未来期待憧憬,</a><br>
  <br>
  <a href="javascript:">4,却在成长的岁月中迷失</a><br>
  <br>
</div> 
<script language="JavaScript">marqueesHeight=200;
stopscroll=false;with(marquees){
  style.width=0;
  style.height=marqueesHeight;
  style.overflowX="visible";
  style.overflowY="hidden";
  noWrap=true;
  onmouseover=new Function("stopscroll=true");
  onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');preTop=0; currentTop=0; function init(){
  templayer.innerHTML="";
  while(templayer.offsetHeight<marqueesHeight){
    templayer.innerHTML+=marquees.innerHTML;
  }
  marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
  setInterval("scrollUp()",20);//越大越慢
}
document.body.onload=init;function scrollUp(){
  if(stopscroll==true) return;
  preTop=marquees.scrollTop;
  marquees.scrollTop+=1;
  if(preTop==marquees.scrollTop){
    marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
    marquees.scrollTop+=1;
  }
}
</script> 

解决方案 »

  1.   

    差不多了,就是有个定时停住功能,你看sina首页的左上角
      

  2.   

    熟悉web2.0,blog,ajax,rss,.net2005等请进入
    http://blog.csdn.net/datehr/category/198305.aspx
      

  3.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    </HEAD><BODY>
    <SCRIPT language=JavaScript>
    document.ns = navigator.appName == "Microsoft Internet Explorer"
    function randomStr(str){
    var showId=Math.floor(Math.random()*3);
    var tempStr=str[showId];
    str[showId]=str[0];
    str[0]=tempStr;
    }
    function showStr(str,textWidth,num){
    if(!document.ns){document.write(str[0]+'<br>')}
    else{
    document.write('<table border=0 cellspacing=0 cellpadding=0>'
    +'<tr><td>'
    +'<div id="icefable1'+num+'">'
    +'<table width='+textWidth+' border=0 cellspacing=0 cellpadding=0>'
    +'<tr><td height=20>'+str[0]+'</td></tr>'
    +'<tr><td height=20>'+str[1]+'</td></tr>'
    +'<tr><td height=20>'+str[2]+'</td></tr>'
    +'</table>'
    +'</div>'
    +'<div id="icefable2'+num+'" style="position:absolute;z-index:1;visibility:hidden"></div>'
    +'</td></tr>'
    +'</table>');
    }
    }function init_srolltext(num){
    countnum=0
    marqueesHeight=20; //高度
    eval('stopscroll'+num+'=false;')
    eval('icefable1'+num+'.scrollTop=0;')
    rotatenum=0
    eval('icefable1'+num+'.style.width=0;')
    eval('icefable1'+num+'.style.height=marqueesHeight;')
    eval('icefable1'+num+'.style.overflowX="visible";')
    eval('icefable1'+num+'.style.overflowY="hidden";')
    eval('icefable1'+num+'.noWrap=true;')
    eval('icefable1'+num+'.onmouseover=new Function("stopscroll=true");')
    eval('icefable1'+num+'.onmouseout=new Function("stopscroll=false");')
    eval('preTop'+num+'=0; ')
    eval('currentTop'+num+'=0;')
    eval('stoptime'+num+'=0;')
    eval('icefable2'+num+'.innerHTML="";')
    eval('icefable2'+num+'.innerHTML+=icefable1'+num+'.innerHTML;')  
    eval('icefable1'+num+'.innerHTML=icefable2'+num+'.innerHTML+icefable2'+num+'.innerHTML;')  
    eval('setInterval("scrollUp'+num+'()",40);') 
    }
    function scrollUp1(){
      if(stopscroll1==true) return;
      currentTop1+=1;
      if(currentTop1==21){
       stoptime1+=1;
       currentTop1-=1;
       if(stoptime1==80){
       currentTop1=0;
       stoptime1=0;
       }
      }else{
      preTop1=icefable11.scrollTop;
      icefable11.scrollTop+=1;
      if(icefable11.scrollTop==78){
        preTop1=0; currentTop1=0; stoptime1=0;icefable11.scrollTop=0
      }
      }
    }
    var strArray1=new Array();
    strArray1[0]='<!--54EEFC538F55--><a href=http://sina.allyes.com/main/adfclick?db=sina&bid=39854,65432,65473&cid=0,0,0&sid=62419&advid=2852&camid=9766&show=ignore&url=http://www.chengcai.net/zhaosheng/06kehu/0331qh/index2.htm target=_blank>!清华大学出国留学硕士</a><!--$$ xinzhi/2006-4-1 ~ 2006-6-30/B $-->'
    strArray1[1]='<!--A37977461C90--><a href=http://sina.allyes.com/main/adfclick?db=sina&bid=39959,65558,65599&cid=0,0,0&sid=62540&advid=2855&camid=9794&show=ignore&url=http://www.swot.com.cn/page.htm target=_blank>人大在职硕士MBA热招</a><!--$$ lanxin/2006-1-1 ~ 2006-6-30/B $-->'
    strArray1[2]='<!--79E7E562E661--><a href=http://sina.allyes.com/main/adfclick?db=sina&bid=39534,65054,65093&cid=0,0,0&sid=62077&advid=2618&camid=9705&show=ignore&url=http://www.topxue.com/web/lcm/bjdx/eco.html target=_blank>北京大学EMBA课程研修班</a><!--$$ raowei/2006-4-1 ~ 2006-6-30/B $-->'
    randomStr(strArray1);
    showStr(strArray1,140,1);
    init_srolltext(1);
    </SCRIPT></BODY>
    </HTML>--------------------------
    从sina搬过来的
      

  4.   

    差不多就是clare2003(忘情火)和sparks345(sparks345) 的结合体了,sparks345的这个如果把那个高度设置成100请看一下效果,当滚到一定程度的时候会自动跳到头上去,怎么把这个问题解决?
      

  5.   

    if(currentTop1==21) 是每次向上滚动的高度;
     if(icefable11.scrollTop==78) 是向上滚动多少以后重新开始滚动;调着试一下吧~~
      

  6.   

    有必要弄那么复杂的吗?<style>a{display:block;font-size:15px};</style>
    <div id="div1" style="width:300px;height:68px;overflow:hidden">
      <a href="javascript:">1,你可曾有过无数的梦想,</a>
      <a href="javascript:">2,却在时光的流逝里幻灭 </a>
      <a href="javascript:">3,你可曾对未来期待憧憬,</a>
      <a href="javascript:">4,却在成长的岁月中迷失</a>
      <a href="javascript:">5,CSDN中国程序员论坛</a>
      <a href="javascript:">6,大家一起来</a>
      <a href="javascript:">7,好象都很不错的样子</a>
    </div> <script>
    var t=setInterval(myfunc,1000)
    var d=document.getElementById("div1")
    function myfunc(){
    var o=d.firstChild
    d.removeChild(o)
    d.appendChild(o)
    }
    d.onmouseover=function(){clearInterval(t)}
    d.onmouseout=function(){t=setInterval(myfunc,1000)}
    </script>
      

  7.   

    setInterval(myfunc,1000)  //这里改一下调时间,1000是1秒钟滚动一次,可根据需要改height:68px;overflow:hidden  // 68px 这里是根据你内容的行数和字体大小改显示区域的高度
    比如,我设置的字体大小为15px, 如果只要显示一行的话,就是<div id="div1" style="width:300px;height:15px;overflow:hidden">