본문
<script>
<!--
// NvScroll() 시작 : 함수로 선언해두고 재사용 할 수 있도록 설계되어 있습니다.
//
// o File : nvscroll.js
// o Author : Kukjin Kang
// o Date : 2004. 7. 6
// o Cont. : scroll object
//
function NvScroll() {
this.version = "0.2";
this.name = "NvScroll";
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.i=0;
this.add = function () {
var text = arguments[0];
this.item[this.itemcount] = text;
this.itemcount = this.itemcount + 1;
};
this.add2 = function () {
var url = arguments[0];
var title = arguments[1];
this.item[this.itemcount] = "<a href=" + url + ">" + title + "</a>";
this.itemcount = this.itemcount + 1;
};
this.start = function () {
if ( this.itemcount == 1 ) {
this.add(this.item[0]);
}
this.display();
this.currentspeed = this.scrollspeed;
if ( this.type == 1 || this.type == 2 ) {
this.stop = true;
setTimeout(this.name+'.scroll()',this.currentspeed);
window.setTimeout(this.name+".stop = false", this.pausedelay);
} else if ( this.type == 3 ) {
this.stop = true;
setTimeout(this.name+'.rolling()',this.currentspeed);
window.setTimeout(this.name+".stop = false", this.pausedelay);
}
};
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)+'px; ">');
document.write(this.item[i]);
document.write('</div>');
} else if ( this.type == 2 || this.type == 3 ) {
document.write('<div id="'+this.name+'item'+i+'"style="left:'+(this.width*i)+'px; width:'+this.width+'; position:absolute; top:0px; ">');
document.write(this.item[i]);
document.write('</div>');
}
}
document.write('</div>');
};
this.scroll = function () {
if ( this.pause == true ) {
window.setTimeout(this.name+".scroll()",this.pausedelay);
this.pause = false;
} else {
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.currentspeed = this.pausedelay;
} else if ( this.type == 2 ) {
obj.left = parseInt(obj.left) - 1;
if ( parseInt(obj.left) <= this.width * (-1) ) obj.left = this.width * (this.itemcount-1);
if ( parseInt(obj.left) == 0 ) this.currentspeed = this.pausedelay;
}
}
}
window.setTimeout(this.name+".scroll()",this.currentspeed);
}
};
this.rolling = function () {
if ( this.stop == false ) {
this.next();
}
window.setTimeout(this.name+".rolling()",this.scrollspeed);
}
this.onmouseover = function () {
if ( this.pausemouseover ) {
this.stop = true;
}
};
this.onmouseout = function () {
if ( this.pausemouseover ) {
this.stop = false;
}
};
this.next = function() {
for (i = 0; i < this.itemcount; i++) {
obj = document.getElementById(this.name+'item'+i).style;
if ( parseInt(obj.left) < 1 ) {
width = this.width + parseInt(obj.left);
break;
}
}
for (i = 0; i < this.itemcount; i++) {
obj = document.getElementById(this.name+'item'+i).style;
if ( parseInt(obj.left) < 1 ) {
obj.left = this.width * (this.itemcount-1);
} else {
obj.left = parseInt(obj.left) - width;
}
}
}
this.prev = function() {
for (i = 0; i < this.itemcount; i++) {
obj = document.getElementById(this.name+'item'+i).style;
if ( parseInt(obj.left) < 1 ) {
width = parseInt(obj.left) * (-1);
break;
}
}
if ( width == 0 ) {
total_width = this.width * (this.itemcount-1);
for (i = 0; i < this.itemcount; i++) {
obj = document.getElementById(this.name+'item'+i).style;
if ( parseInt(obj.left) + 1 > total_width ) {
obj.left = 0;
} else {
obj.left = parseInt(obj.left) + this.width;
}
}
} else {
for (i = 0; i < this.itemcount; i++) {
obj = document.getElementById(this.name+'item'+i).style;
if ( parseInt(obj.left) < 1 ) {
obj.left = 0;
} else {
obj.left = parseInt(obj.left) + width;
}
}
}
}
this.unext = function () {
this.onmouseover();
this.next();
window.setTimeout(this.name+".onmouseout()",this.pausedelay);
}
this.uprev = function () {
this.onmouseover();
this.prev();
window.setTimeout(this.name+".onmouseout()",this.pausedelay);
}
}
// NvScroll() 끝
-->
</script>
<script>
wscroll = new NvScroll();
wscroll.name = "wscroll";
wscroll.height = 25; //스크롤 영역 높이
wscroll.width = 100; //스크롤 영역 넓이
wscroll.scrollspeed = 1; //스크롤 속도 설정
wscroll.pausedelay = 3000; //정지 간격 설정
wscroll.pausemouseover = true;
function nvweather ( name, temp, no, url ) { return "<table cellpadding=0 cellspacing=0 border=0><tr><td><a href="+url+"><img border=0 src=http://imgnews.naver.com/image/weather/s"+no+".gif width=23 height=23 hspace=4 align='absmiddle'></td><td style='padding:6 0 2 0'><a href="+url+" class='weather'>"+name+"<span class='red01'>"+temp+"℃</span></a></td></tr></table>"; }
wscroll.add( nvweather("서울", "-4", "02", "http://news.naver.com/weather/loc_sub.htm?loc_a=1&loc_b=1") );
wscroll.add( nvweather("인천", "-4", "02", "http://news.naver.com/weather/loc_sub.htm?loc_a=1&loc_b=2") );
wscroll.add( nvweather("수원", "-3", "02", "http://news.naver.com/weather/loc_sub.htm?loc_a=1&loc_b=3") );
wscroll.add( nvweather("대전", "-2", "02", "http://news.naver.com/weather/loc_sub.htm?loc_a=2&loc_b=1") );
wscroll.add( nvweather("청주", "-2", "02", "http://news.naver.com/weather/loc_sub.htm?loc_a=3&loc_b=1") );
wscroll.add( nvweather("강릉", "1", "02", "http://news.naver.com/weather/loc_sub.htm?loc_a=6&loc_b=1") );
wscroll.add( nvweather("춘천", "-2", "02", "http://news.naver.com/weather/loc_sub.htm?loc_a=5&loc_b=1") );
wscroll.add( nvweather("광주", "-1", "18", "http://news.naver.com/weather/loc_sub.htm?loc_a=8&loc_b=1") );
wscroll.add( nvweather("전주", "-2", "18", "http://news.naver.com/weather/loc_sub.htm?loc_a=9&loc_b=1") );
wscroll.add( nvweather("부산", "2", "05", "http://news.naver.com/weather/loc_sub.htm?loc_a=10&loc_b=1") );
wscroll.add( nvweather("대구", "1", "05", "http://news.naver.com/weather/loc_sub.htm?loc_a=11&loc_b=1") );
wscroll.add( nvweather("제주", "3", "18", "http://news.naver.com/weather/loc_main.htm?loc_a=12") );
wscroll.start();
-->
</script>
관련링크
댓글목록
등록된 댓글이 없습니다.