사이트 내 전체검색
네이버 날씨 스크립트 배너 스크립트 (참고 nvscroll)
로빈아빠
https://cmd.kr/javascript/11 URL이 복사되었습니다.

본문

<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>

댓글목록

등록된 댓글이 없습니다.

831 (17/17P)

Search

Copyright © Cmd 명령어 3.143.203.129