네이버에서 가져온 스크롤 소스
페이지 정보
작성자 서방님 댓글 0건 조회 90회 작성일 07-08-10 17:55본문
<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>
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>
댓글목록
등록된 댓글이 없습니다.