var js_rolling = function(this_s){ // ½Ã°£´ÜÀ§´Â ms·Î 1000ÀÌ 1ÃÊ if(this_s.nodeType==1){ this.this_s = this_s; }else{ this.this_s = document.getElementById(this_s); } this.is_rolling = false; this.direction = 1; //1:top, 2:right, 3:bottom, 4:left (½Ã°è¹æÇâ) // 1¹ø°ú 4¹ø¸¸ µÊ this.children = null; this.move_gap = 1; //¿òÁ÷ÀÌ´Â Çȼ¿´ÜÀ§ this.time_dealy = 100; //¿òÁ÷À̴ ŸÀÓµô·¹ÀÌ this.time_dealy_pause = 1000;//ÇϳªÀÇ ´ë»óÀÌ »õ·Î ½ÃÀÛÇÒ ¶§ ¸ØÃß´Â ½Ã°£, 0 À̸é Àû¿ë ¾ÈÇÔ this.time_timer=null; this.time_timer_pause=null; this.mouseover=false; this.init(); this.set_direction(this.direction); } js_rolling.prototype.init = function(){ this.this_s.style.position='relative'; this.this_s.style.overflow='hidden'; var children = this.this_s.childNodes; for(var i=(children.length-1);0<=i;i--){ if(children[i].nodeType==1){ children[i].style.position='relative'; }else{ this.this_s.removeChild(children[i]); } } var this_s=this; this.this_s.onmouseover=function(){ this_s.mouseover=true; if(!this_s.time_timer_pause){ this_s.pause(); } } this.this_s.onmouseout=function(){ this_s.mouseover=false; if(!this_s.time_timer_pause){ this_s.resume(); } } } js_rolling.prototype.set_direction = function(direction){ this.direction=direction; if(this.direction==2 ||this.direction==4){ this.this_s.style.whiteSpace='nowrap'; }else{ this.this_s.style.whiteSpace='normal'; } var children = this.this_s.childNodes; for(var i=(children.length-1);0<=i;i--){ if(this.direction==1){ children[i].style.display='block'; }else if(this.direction==2){ children[i].style.textlign='right'; children[i].style.display='inline'; }else if(this.direction==3){ children[i].style.display='block'; }else if(this.direction==4){ children[i].style.display='inline'; } } this.init_element_children(); } js_rolling.prototype.init_element_children = function(){ var children = this.this_s.childNodes; this.children = children; for(var i=(children.length-1);0<=i;i--){ if(this.direction==1){ children[i].style.top='0px'; }else if(this.direction==2){ children[i].style.left='-'+this.this_s.firstChild.offsetWidth+'px'; }else if(this.direction==3){ children[i].style.top='-'+this.this_s.firstChild.offsetHeight+'px'; }else if(this.direction==4){ children[i].style.left='0px'; } } } js_rolling.prototype.act_move_up = function(){ for(var i = 0,m=this.children.length;i=0){ this.this_s.insertBefore(this.this_s.lastChild,this.this_s.firstChild); this.init_element_children(); this.pause_act(); } } js_rolling.prototype.move_down = function(){ if(this.direction!=1&&this.direction!=3){return false;} this.this_s.insertBefore(this.this_s.lastChild,this.this_s.firstChild); this.init_element_children(); this.pause_act(); } js_rolling.prototype.act_move_left = function(){ for(var i = 0,m=this.children.length;i=0){ this.this_s.insertBefore(this.this_s.lastChild,this.this_s.firstChild); this.init_element_children(); this.pause_act(); } } js_rolling.prototype.move_right = function(){ if(this.direction!=2&&this.direction!=4){return false;} this.this_s.insertBefore(this.this_s.lastChild,this.this_s.firstChild); this.init_element_children(); this.pause_act(); } js_rolling.prototype.start = function(){ //·Ñ¸µ ½ÃÀÛ var this_s = this; this.stop(); this.is_rolling = true; var act = function(){ if(this_s.is_rolling){ if(this_s.direction==1){this_s.act_move_up();} else if(this_s.direction==2){this_s.act_move_right();} else if(this_s.direction==3){this_s.act_move_down();} else if(this_s.direction==4){this_s.act_move_left();} } } this.time_timer = setInterval(act,this.time_dealy); } js_rolling.prototype.pause_act = function(){ //ÀϽà µ¿ÀÛ if(this.time_dealy_pause){ var this_s = this; var act = function(){this_s.resume();this_s.time_timer_pause=null;} if(this.time_timer_pause){clearTimeout(this.time_timer_pause);} this.time_timer_pause = setTimeout(act,this.time_dealy_pause); this.pause(); } } js_rolling.prototype.pause = function(){ //ÀϽà ¸ØÃã this.is_rolling = false; } js_rolling.prototype.resume = function(){ //ÀϽà ¸ØÃã ÇØÁ¦ if(!this.mouseover){ this.is_rolling = true; } } js_rolling.prototype.stop = function(){ //·Ñ¸µÀ» ³¡³¿ this.is_rolling = false; if(!this.time_timer){ clearInterval(this.time_timer); } this.time_timer = null }