我要在一个div中滚动显示一些数据  谁能帮帮我 给我一js段代码!
就是当数据容不下的时候 他轮番显示数据  鼠标放上去的时候她就停止了 

解决方案 »

  1.   

    参考
    http://topic.csdn.net/u/20100410/13/83ab5051-736d-4592-927f-924764db9780.html
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>多行滚动jQuery循环新闻列表代码</title>
    <style type="text/css">
    ul,li{margin:0;padding:0}
    #scrollDiv{width:300px;height:100px;min-height:25px;line-height:25px;border:#ccc 1px solid;overflow:hidden}
    #scrollDiv li{height:25px;padding-left:10px;}
    </style>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    //滚动插件
    (function($){
    $.fn.extend({
            Scroll:function(opt,callback){
                    //参数初始化
                    if(!opt) var opt={};
                    var _this=this.eq(0).find("ul:first");
                    var        lineH=_this.find("li:first").height(), //获取行高
                            line=opt.line?parseInt(opt.line,10):parseInt(this.height()/lineH,10), //每次滚动的行数,默认为一屏,即父容器高度
                            speed=opt.speed?parseInt(opt.speed,10):500, //卷动速度,数值越大,速度越慢(毫秒)
                            timer=opt.timer?parseInt(opt.timer,10):3000; //滚动的时间间隔(毫秒)
                    if(line==0) line=1;
                    var upHeight=0-line*lineH;
                    //滚动函数
                    scrollUp=function(){
                            _this.animate({
                                    marginTop:upHeight
                            },speed,function(){
                                    for(i=1;i<=line;i++){
                                            _this.find("li:first").appendTo(_this);
                                    }
                                    _this.css({marginTop:0});
                            });
                    }
                    //鼠标事件绑定
                    _this.hover(function(){
                            clearInterval(timerID);
                    },function(){
                            timerID=setInterval("scrollUp()",timer);
                    }).mouseout();
            }        
    })
    })(jQuery);$(document).ready(function(){
            $("#scrollDiv").Scroll({line:4,speed:500,timer:1000});
    });
    </script>
    </head><body>
    <p>多行滚动演示:</p>
    <div id="scrollDiv">
      <ul>
        <li>这是公告标题的第一行</li>
        <li>这是公告标题的第二行</li>
        <li>这是公告标题的第三行</li>
        <li>这是公告标题的第四行</li>
        <li>这是公告标题的第五行</li>
        <li>这是公告标题的第六行</li>
        <li>这是公告标题的第七行</li>
        <li>这是公告标题的第八行</li>
      </ul>
    </div>
    </body>
    </html>
    ***请再次刷新查看效果,或保存到本地浏览***
      

  3.   

    这个叫“多行滚动jQuery循环新闻列表”,LZ可以在这个基础上修改一下
      

  4.   

    <div style="border:1px solid #f00;width:150px;padding:20px;height:300px;">
    <marquee direction="down" scrolldelay="20" scrollamount="5" width="150" height="300" onmouseover="this.stop();"   onmouseout="this.start();">
    <p>111111<p>
            <p>222222<p>
           <p>333333<p>
    </marquee> </div>
      

  5.   


    <div id="mar" style="border:1px solid red;" onmousemove="marqueeing = false;" onmouseout="marqueeing = true;">
        <ul>
          <li><a href="#" target="_blank" title="null">关于《增强银行体系稳健性》</a></li>
          <li><a href="#" target="_blank" title="null">巴塞尔委员会发布《增强银行体系》</a></li>
          <li><a href="#" target="_blank" title="null">中国银行业监督管理委员会2010 </a></li>
          <li><a href="#" target="_blank" title="null">银监会严正声明 </a></li>
          <li><a href="#" target="_blank" title="null">银监会签署的代客境外理财业务 </a></li>
          <li><a href="#" target="_blank" title="null">银监会官方网站推出银行业金融机构 </a></li>
          <li><a href="#" target="_blank" title="null">关于银行业监管规章清理情况的公告 </a></li>
          <li><a href="#" target="_blank" title="null">法规清理公开征求意见的通知 </a></li>
        </ul>
        </div>
    <script type="text/javascript">
            var marqueeing = true;
            function marquee(){
              if(marqueeing) {
                var container=document.getElementById("mar").getElementsByTagName("ul")[0]
                  container.appendChild(container.firstChild);
              }
            }
            setInterval("marquee()", 1000);
       </script>
      

  6.   

    就是丫,这好像marquee这个就可以搞定了。lz是想练手类?