자바스크립트 상하 롤링 질문입니다. 채택완료

</p>

<p>function rolling(options) {

   var self = this;

   this.object = document.getElementById(options.rollId);

   this.object.onmouseover = function() { self.stop(); };

   this.object.onmouseout = function() { self.play(); };

   this.delay = options.delay || 1000;

   this.speed = options.speed || 50;

   this.step = options.step || 1;

   this.mover = options.mover || false;

   this.elChildHeight = options.childHeight;

   this.elHeight = this.object.offsetHeight;

   this.elPosition = 0;

   this.object.appendChild(this.object.cloneNode(true));

   this.control = setTimeout(function() {self.play()}, this.delay);

  }

  rolling.prototype = {

   play:function() {

    var self = this, time;

    this.elPosition = this.elPosition>(this.mover?this.elHeight:0) ? this.elPosition-this.elHeight : this.elPosition+1;

    this.object.style.top = (this.mover ? -this.elPosition : this.elPosition) + "px";

    this.control = setTimeout(function() {self.play()}, this.elPosition%(this.elChildHeight*this.step)==0?this.delay:this.speed);

   },

   stop:function() {

    clearTimeout(this.control);

   }

  }

  var roll1 = null, roll2 = null;

  window.onload = function() {

   roll1 =  new rolling({rollId: "rollText1", delay: 1000, speed: 10, step: 5, mover: true, childHeight: 18}); 

    roll2 =  new rolling({rollId: "rollText2", delay: 1000, speed: 10, step: 5, mover: true, childHeight: 18}); 

  } </p>

<p>