连续往上滚动jquery代码

网页设计中经常用到的滚动，比如滚动评论。利用JQ很容易实现。代码如下

CSS代码：

.scrollDiv{
    height:153px;
    overflow:hidden;
    width:158px;
}

HTML代码：

<div class="scrollDiv">
    <div id="scrollList">
        <p><strong>2144玩家:</strong>杨幂好美</p>
        <p><strong>2144玩家:</strong>杨幂</p>
        <p><strong>2144玩家:</strong>杨幂最丑</p>
        <p><strong>2144玩家:</strong>其实她们都不漂亮</p>
        <p><strong>2144玩家:</strong>杨幂整过容，<br>李晟好看。</p>
    </div>
</div>

 

jquery代码：

 
jQuery(document).ready(function(){
 new Marquee($('#scrollList')[0],{speed:60,direction:'up'});           
})
function Marquee(obj,config){
 //alert('s');
 this.obj = obj;
 this.config = {speed:80,direction:'up',e:true}; 
 if(typeof config == 'object'){
  var J = $;
  J.extend(this.config, config);
 } 
 this.obj2 = null;
 this.timer = null;
 this.init();
}
Marquee.prototype = {
 init: function(){
  var _this = this;
  if(this.config.direction == 'up' || this.config.direction == 'down'){
   if(this.obj.offsetHeight < this.obj.parentNode.offsetHeight) return;
   this.obj2 = this.obj.cloneNode(true);
   $(this.obj).after(this.obj2);
  }
  function temp(){
   _this.marquee();
  }  
  var myMar = setInterval(temp,_this.config.speed);
  if(this.config.e){
   this.obj.parentNode.onmouseover = function(){clearInterval(myMar)};
   this.obj.parentNode.onmouseout = function(){myMar = setInterval(temp,_this.config.speed)};
  }
 },
 marquee: function(){
  var _this = this;
  var con = this.obj.parentNode;  
  if(this.obj2){
   var offset = (this.obj2.offsetTop - this.obj.offsetHeight)/2;
  }  
  if(this.config.direction == 'up'){
   if(this.obj2.offsetHeight <= con.scrollTop){
    con.scrollTop = 0;
   }else{
    con.scrollTop +=1;
   }
  }
 }
}