뇌입어의 뉴스에서 뽀려온 스크롤 소스

이것으로 최신글 스킨을 만들면 재미 있을 듯 하네요.

아무도 만들지 않으면 내가 만들어 만점 먹습니다. ^^

미리보기

코드

<script> 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> <table width="243" border=0 cellpadding=0 cellspacing=0 bgcolor=#EBE8E2> <tr> <td width="243"> <script> cont = new scroll(); cont.name = "cont"; cont.height = 115; cont.width = 226; cont.scrollspeed = 20; cont.pausedelay = 3000; cont.pausemouseover = true; cont.add("<table width=100%><tr><td height=20 colspan=2>내용4</td></tr></table>"); cont.add("<table width=100%><tr><td height=20 colspan=2>내용3</td></tr></table>"); cont.add("<table width=100%><tr><td height=20 colspan=2>내용2</td></tr></table>"); cont.add("<table width=100%><tr><td height=20 colspan=2>내용1</td></tr></table>"); cont.start(); </script> </td> </tr> </table>