자바스크립트 - 생일메시지 롤링

TTL 사이트 갔다가 소스 얻어옴

<script language="javascript">
 <!--
// 스트롤 (최근 등록된 10개의 소원 댓글이 롤링됨)

  function scroll() {
   this.name = "scroll";
   this.item = new Array();
   this.itemcount = 0;
   this.currentspeed = 0;
   this.scrollspeed = 50;
   this.pausedelay = 1000;
   this.pausemouseover = false;
   this.stop = false;
   this.type = 1;
   this.height = 100;
   this.width = 100;
   this.stopHeight=0;
   this.add =function () {
   var text = arguments[0];
   this.item[this.itemcount] = text;
   this.itemcount = this.itemcount + 1;
   };
   this.start = function () {
   this.display();
   this.currentspeed = this.scrollspeed;
   setTimeout(this.name+'.scroll()',this.currentspeed);
   };
   this.display =function () {
   document.write('<div id="'+this.name+'" style="height:'+this.height+';width:'+this.width+';position:relative;overflow:hidden;" OnMouseOver="'+this.name+'.onmouseover();" OnMouseOut="'+this.name+'.onmouseout();">');
   for(var i = 0; i < this.itemcount; i++) {if ( this.type == 1) {
  document.write('<div id="'+this.name+'item'+i+'"style="left:0px;width:'+this.width+';position:absolute;top:'+(this.height*i+1)+'px;">');
  document.write(this.item[i]);
  document.write('</div>');
  }
  else if ( this.type == 2 ) {
  document.write('<div id="'+this.name+'item'+i+'"style="left:'+(this.width*i+1)+'px;width:'+this.width+';position:absolute;top:0px;">');
  document.write(this.item[i]);
  document.write('</div>');
  }
   }
   document.write('</div>');
   };
   this.scroll = function () {
   this.currentspeed = this.scrollspeed;if ( !this.stop ) {
  for (i = 0; i < this.itemcount; i++) {
  obj = document.getElementById(this.name+'item'+i).style;if ( this.type == 1 ) {
    obj.top = parseInt(obj.top) - 1;
    if ( parseInt(obj.top) <= this.height*(-1) ) obj.top = this.height * (this.itemcount-1);
    if ( parseInt(obj.top) == 0 || ( this.stopHeight > 0 && this.stopHeight - parseInt(obj.top) == 0 ) ) this.currentspeed = this.pausedelay;
  }
  else if ( this.type == 2 ) {
    obj.left = parseInt(obj.left) - 1;
    if ( parseInt(obj.left) <= this.left*(-1) ) obj.left = this.left* (this.itemcount-1);
    if ( parseInt(obj.left) == 0 ) this.currentspeed = this.pausedelay;
  }
  }
   }
   window.setTimeout(this.name+".scroll()",this.currentspeed);
   };
   this.onmouseover = function () {
   if ( this.pausemouseover ) {
   this.stop = true;}
   };
   this.onmouseout = function () {
   if ( this.pausemouseover ) {
  this.stop = false;
   }
   };
  }
 </script>
 
   <div style="text-align:left;margin:25px 0 0 280px;">
   <script>
     cont = new scroll();
  cont.name = "cont";
  cont.height = 18; cont.width = 330;
  cont.scrollspeed = 20;
  cont.pausedelay = 3000;
  cont.pausemouseover = true; 

     cont.add("<span style='color:#898989'>우리가족 행복하게 건강하게!아빠 사업도 대박나라!^^</span>");

     cont.add("<span style='color:#898989'>대학생활 마지막 생일 >ㅁ<  취업잘되게 해주세요</span>");

     cont.add("<span style='color:#898989'>제발 남자친구 생기게 해주세요 !</span>");

     cont.add("<span style='color:#898989'>우리가족 다 건강하길...ㅎㅎ</span>");

     cont.add("<span style='color:#898989'>가족 모~두 건강하길..정말 건강이 최고!! ^-^</span>");

     cont.add("<span style='color:#898989'>20살의 마지막..사랑하는사람에게 프로포즈받을수있길~</span>");

     cont.add("<span style='color:#898989'>마지막 생일</span>");

     cont.add("<span style='color:#898989'>이번에 취업되게 신이시여~~~~도와주서소~~!!!!!!</span>");

     cont.add("<span style='color:#898989'>이번 생일은 가족과 함께 ~</span>");

     cont.add("<span style='color:#898989'>이번달 생일 꼭 서프라이즈하게 보내고 싶어요!!!!!</span>");

    cont.start();
   </script>
   </div>