谁能给小弟一段精简的文字向上无缝隙,匀速一动的js代码?

解决方案 »

  1.   


    <!--begin notice block-->
      <ul id="scrollbody">
        <%Call TopNoticeNew(10)%>  '打印的效果<li>....</li>
      </ul><script type="text/javascript">startMarquee(95, 60, 0, 'scrollbody');</script>
    <!--end notice block-->function startMarquee(h, speed, delay, sid) {
    var t = null;
    var p = false;
    var o = $(sid);
    o.innerHTML += o.innerHTML;
    o.onmouseover = function() {p = true}
    o.onmouseout = function() {p = false}
    o.scrollTop = 0;
    function start() {
        t = setInterval(scrolling, speed);
        if(!p) {
    o.scrollTop += 2;
    }
    }
    function scrolling() {
        if(p) return;
    if(o.scrollTop % h != 0) {
            o.scrollTop += 2;
            if(o.scrollTop >= o.scrollHeight/2) o.scrollTop = 0;
        } else {
            clearInterval(t);
            setTimeout(start, delay);
        }
    }
    setTimeout(start, delay);
    }效果:http://hi.csdn.net/network.html图片旁边哪个向上滚动的文字一样
      

  2.   

    您上边的
    <!--begin notice block-->
      <ul id="scrollbody">
        <%Call TopNoticeNew(10)%>  '打印的效果<li>....</li>
      </ul><script type="text/javascript">startMarquee(95, 60, 0, 'scrollbody');</script>
    <!--end notice block-->是什么意思啊?
      

  3.   

    用js实现滚动?太大才小用了吧用滚动标签就好了marquee。
    <marquee id=go1 onMouseOver=go1.stop()                         onMouseOut=go1.start() scrollamount=2 scrolldelay=150
                            direction=up><FONT color=#ff80c0>Hi,你好,祝你新年快乐!!天天有个好心情!!!</FONT></MARQUEE>  
    http://blog.sina.com.cn/s/blog_4b780980010006zb.html 用法参照。
      

  4.   

    看看了
    这东西好像用那个什么offsetY什么的可以吧。具体不记得了。
    -----------------------------------------------------------
    www.bleehome.cn
      

  5.   

     <style type="text/css">
    <!--
    #sdemo {
    overflow:hidden;
    height: 206px;
    width:218px;
    text-align: left;
    }
    #sdemo ul { float:left; 
    text-decoration:none;
               display: block;
    }
    #sdemo ul li{ line-height:56px;}
    #sdemo ul li a{ color:#333;}
    -->
    </style><div id="sdemo">
    <div id="sdemo1">
                  
    <li>fffffffffffffffff1</li>
    <li>fffffffffffffffff2</li>
    <li>fffffffffffffffff3</li>
    <li>fffffffffffffffff4</li>
    <li>fffffffffffffffff5</li>
    <li>fffffffffffffffff6</li>
    <li>fffffffffffffffff7</li>
    <li>fffffffffffffffff8</li>
    <li>fffffffffffffffff9</li>
    <li>fffffffffffffffff10</li>
    <li>fffffffffffffffff11</li>
    <li>fffffffffffffffff12</li>
    <li>fffffffffffffffff13</li>
    <li>fffffffffffffffff14</li>
    <li>fffffffffffffffff15</li>
    <li>fffffffffffffffff16</li>
    <li>fffffffffffffffff17</li>
    <li>fffffffffffffffff18</li>
    <li>fffffffffffffffff19</li>
    <li>fffffffffffffffff20</li>
    <li>fffffffffffffffff21</li>   
      </div>
    <div id="sdemo2"></div>
    </div>
    <script>
    <!--
    var speed=20; //数字越大速度越慢
    var tab=document.getElementById("sdemo");
    var tab1=document.getElementById("sdemo1");
    var tab2=document.getElementById("sdemo2");
    tab2.innerHTML=tab1.innerHTML; //克隆sdemo1为sdemo2
    function Marquee(){
    if(tab2.offsetTop-tab.scrollTop<=0)//当滚动至demo1与demo2交界时
    tab.scrollTop-=tab1.offsetHeight //demo跳到最顶端
    else{
    tab.scrollTop++
    }
    }
    var MyMar=setInterval(Marquee,speed);
    tab.onmouseover=function() {clearInterval(MyMar)};//鼠标移上时清除定时器达到滚动停止的目的
    tab.onmouseout=function() {MyMar=setInterval(Marquee,speed)};//鼠标移开时重设定时器
    -->
    </script>