/* 탭 메뉴 ---------------------------------------------------------*/ function initTabMenu(tabContainerID,useImgRoll) { var tabContainer = document.getElementById(tabContainerID); var tabAnchor = tabContainer.getElementsByTagName("a"); var i = 0; var imgRoll = 0; for(i=0; i 라고 했을 경우 div안의 img를 위,오른쪽,아래,왼쪽으로 롤링 시킨다. # 사용법 //JS스크립트 로드
//처럼 구성후 div의 너비와 높이는 꼭 정해주기 바랍니다.
1etc
2
3
4
이렇게 구성할 경우 방향은 위,아래로만 가능합니다 var roll = new js_rolling('rolling'); or var roll = new js_rolling(document.getElementById('rolling')); // id이름을 적던지, 직접 대상을 지목해서 롤링 클래스로 객체를 만듬 roll.set_direction(4); // 방향을 바꿈. 1: top, 2:right, 3:bottom 4:left 그외의 경우 동작안함 roll.move_gap = 1; //움직이는 픽셀단위 roll.time_dealy = 10; //움직이는 타임딜레이 roll.time_dealy_pause = 5000;//하나의 대상이 새로 시작할 때 멈추는 시간, 0 이면 적용 안함 roll.start(); //롤링 동작 roll.move_up(); //위로 한번 롤링 (방향이 top,botton일때만 동작) roll.move_right(); //오른쪽으로 한번 롤링(방향이 right,left일때만 동작) roll.move_down(); //아래로 한번 롤링(방향이 top,botton일때만 동작) roll.move_left(); //왼쪽으로 한번 롤링(방향이 right,left일때만 동작) roll.direction = {방향숫자} //사용시 주의 : 초기화를 시키지 않고 방향만 바꾸는 것으로 left:right , top:bottom 으로만 짝을 이뤄 써야한다 roll.mouseover_pause = true , false //true면 마우스오버 시 멈춤(기본값), false 면 마우스오버에서도 계속 롤링함 #주의 방향이 top,bottom일 경우 내부 태그는 block요소(div)로 방향이 left,right일 경우 내부태그는 inline요소(a,span)으로 해수세요. FF에서 top,bottom의 경우 inline요소일 경우 offsetHeight를 잘못알아옵니다. 이미지가 끝 부분에서 갑자기 나타나는 현상이 있을 경우 내부 이미지들의 수를 2배로 늘려주세요.(1,2,3 이면 1,2,3,1,2,3 처럼 보이도록) #사용제약 사용시 "공대여자는 예쁘다"를 나타내셔야합니다. 만든날 : 2007-06-07 수정일 : 2007-08-11 수정일 : 2008-08-08 만든이 : mins01,mins,공대여자 홈페이지 : http://www.mins01.com NateOn&MSN : mins01(at)lycos.co.kr ========================================*/ var js_rolling = function(box){ // 시간단위는 ms로 1000이 1초 if(box.nodeType==1){ this.box = box; }else{ this.box = document.getElementById(box); } this.is_rolling = false; this.mouseover_pause = true; 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.box.style.position='relative'; this.box.style.overflow='hidden'; var children = this.box.childNodes; for(var i=(children.length-1);0<=i;i--){ if(children[i].nodeType==1){ children[i].style.position='relative'; }else{ this.box.removeChild(children[i]); } } var thisC=this; this.box.onmouseover=function(){ if(!thisC.mouseover_pause){ return; } thisC.mouseover=true; if(!thisC.time_timer_pause){ thisC.pause(); } } this.box.onmouseout=function(){ if(!thisC.mouseover_pause){return;} thisC.mouseover=false; if(!thisC.time_timer_pause){ thisC.resume(); } } } js_rolling.prototype.set_direction = function(direction){ this.direction=direction; if(this.direction==2 ||this.direction==4){ this.box.style.whiteSpace='nowrap'; }else{ this.box.style.whiteSpace='normal'; } var children = this.box.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.box.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.box.firstChild.offsetWidth+'px'; }else if(this.direction==3){ children[i].style.top='-'+this.box.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.box.insertBefore(this.box.lastChild,this.box.firstChild); this.init_element_children(); this.pause_act(); } } js_rolling.prototype.move_down = function(){ if(this.direction!=1&&this.direction!=3){return false;} this.box.insertBefore(this.box.lastChild,this.box.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.box.insertBefore(this.box.lastChild,this.box.firstChild); this.init_element_children(); this.pause_act(); } } js_rolling.prototype.move_right = function(){ if(this.direction!=2&&this.direction!=4){return false;} this.box.insertBefore(this.box.lastChild,this.box.firstChild); this.init_element_children(); this.pause_act(); } js_rolling.prototype.start = function(){ //롤링 시작 var thisC = this; this.stop(); this.is_rolling = true; var act = function(){ if(thisC.is_rolling){ if(thisC.direction==1){thisC.act_move_up();} else if(thisC.direction==2){thisC.act_move_right();} else if(thisC.direction==3){thisC.act_move_down();} else if(thisC.direction==4){thisC.act_move_left();} } } this.time_timer = setInterval(act,this.time_dealy); } js_rolling.prototype.pause_act = function(){ //일시 동작 if(this.time_dealy_pause){ var thisC = this; var act = function(){thisC.resume();clearTimeout(thisC.time_timer_pause);thisC.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.is_rolling = false; } } js_rolling.prototype.pause = function(){ //일시 멈춤 if(this.time_timer_pause){clearTimeout(this.time_timer_pause);} 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 } /* 글자 확대 축소 -----------------------------------------------*/ var chFont = new Array('0.83em','0.92em','1em','1.17em','1.33em','1.50em'); var dfFont = 2; function changeFsize(fs) { var obj = document.getElementById('secnews_view'); var fsize = dfFont; if(fs == 'flarge') { fsize += 1; } else if(fs == 'fbase') { fsize = 2; } else { fsize -= 1; } if(fsize < 0) { alert('더 이상 작아지지 않습니다.'); fsize = 0; } if(fsize > 5) { alert('더 이상 커지지 않습니다.'); fsize = 5; } dfFont = fsize; obj.style.fontSize = chFont[fsize]; //document.body.style.fontSize = chFont[fsize]; // 전체변경 } /* 퀵메뉴 이동 ---------------------------------------------------------*/ function initMoving(target, position, topLimit, btmLimit) { if (!target) return false; var obj = target; obj.initTop = position; obj.topLimit = topLimit; obj.bottomLimit = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight) - btmLimit - obj.offsetHeight; obj.style.position = "absolute"; obj.top = obj.initTop; obj.left = obj.initLeft; if (typeof(window.pageYOffset) == "number") { //WebKit obj.getTop = function() { return window.pageYOffset; } } else if (typeof(document.documentElement.scrollTop) == "number") { obj.getTop = function() { return Math.max(document.documentElement.scrollTop, document.body.scrollTop); } } else { obj.getTop = function() { return 0; } } if (self.innerHeight) { //WebKit obj.getHeight = function() { return self.innerHeight; } } else if(document.documentElement.clientHeight) { obj.getHeight = function() { return document.documentElement.clientHeight; } } else { obj.getHeight = function() { return 500; } } obj.move = setInterval(function() { if (obj.initTop > 0) { pos = obj.getTop() + obj.initTop; } else { pos = obj.getTop() + obj.getHeight() + obj.initTop; //pos = obj.getTop() + obj.getHeight() / 2 - 15; } if (pos > obj.bottomLimit) pos = obj.bottomLimit; if (pos < obj.topLimit) pos = obj.topLimit; interval = obj.top - pos; obj.top = obj.top - interval / 3; obj.style.top = obj.top + "px"; }, 30) } var _cw_logger_id = 3; var _cw_logger_domain = "www.ktcunews.com"; var _cw_logger_url = "http://www.ktcu.or.kr/cwlogger/logger.jsp"; function _cw_setcookie(name, value, expiredays) { var todayDate = new Date(); todayDate.setDate(todayDate.getDate() + expiredays); document.cookie = name + "=" + escape(value) + "; path=/; expires=" + todayDate.toGMTString() + ";" return; } function _cw_getcookie(name) { var nameOfCookie = name + "="; var x = 0; while (x <= document.cookie.length) { var y = (x + nameOfCookie.length); if (document.cookie.substring(x, y) == nameOfCookie) { if ((endOfCookie=document.cookie.indexOf(";", y)) == -1) endOfCookie = document.cookie.length; return unescape(document.cookie.substring(y, endOfCookie )); } x = document.cookie.indexOf(" ", x) + 1; if (x == 0) break; } return null; } function _cw_delcookie(name) { var now = new Date(); document.cookie = name + "=;exprires=" + now + ";path=/"; return; } function _cw_trim(str) { index = 0; while (str.charAt(index) == " ") { index = index + 1; } str = str.substring(index, (str.length)); index = str.length -1; while (str.charAt(index) == " ") { index = index -1; } str = str.substring(0, index +1 ); return str; } function replaceAll(str, src, tgt) { try { while (str.indexOf("^^") != -1) { str = str.replace(src, tgt); } return str; } catch(e) { return str; } } var _cw_uri = location.href; var _cw_split_domain = _cw_logger_domain.split(","); var _cw_href_flag = false; for (i = 0; i < _cw_split_domain.length; i++) { if(_cw_uri.indexOf("http://" + _cw_trim(_cw_split_domain[i])) != -1) { _cw_href_flag = true; break; } } if (_cw_href_flag) { _cw_uri = _cw_uri.substring(7, _cw_uri.length); if (_cw_uri.indexOf("?") != -1) { while((ch = _cw_uri.indexOf("&")) > 0) { _cw_uri = _cw_uri.substr(0, ch) + "%26" + _cw_uri.substr(ch + 1, _cw_uri.length); } } _cw_uri = replaceAll(_cw_uri.substring(_cw_uri.indexOf("/"), _cw_uri.length), "^^", "--"); var _cw_title; try { _cw_title = document.cwlogger.title.value; if (_cw_title == null) { _cw_title = document.title; } } catch(e) { _cw_title = document.title; } if (_cw_title == "") { _cw_title = "No Title"; } _cw_title = replaceAll(_cw_title, "^^", "--"); _cw_title = encodeURI(_cw_title); var _cw_directory; try { _cw_directory = document.cwlogger.directory.value; if (_cw_directory == null) { _cw_directory = ""; } } catch(e) { _cw_directory = ""; } _cw_directory = replaceAll(_cw_directory, "^^", "--"); _cw_directory = encodeURI(_cw_directory); var _cw_referrer; try { _cw_referrer = document.cwlogger.referrer.value; } catch (e) { _cw_referrer = document.referrer; } if (_cw_referrer == "") { _cw_referrer = "-"; } else { while((ch = _cw_referrer.indexOf("&")) > 0) { _cw_referrer = _cw_referrer.substr(0, ch) + "%26" + _cw_referrer.substr(ch + 1, _cw_referrer.length); } } _cw_referrer = replaceAll(_cw_referrer, "^^", "--"); _cw_referrer = encodeURI(_cw_referrer); var _cw_cookie = "Y"; _cw_setcookie("cwlogger_temp_cookie", "1", 1); if (_cw_getcookie("cwlogger_temp_cookie") == null) { _cw_cookie = "N"; } _cw_delcookie("cwlogger_temp_cookie"); var _cw_java = navigator.javaEnabled()?"Y":"N"; var _cw_screen_size = "unknown"; var _cw_color_depth = "unknown"; if (window.screen.width) { _cw_screen_size = window.screen.width + 'x' + window.screen.height; } if (window.screen.colorDepth) { _cw_color_depth = window.screen.colorDepth; } var _cw_language = "unknown"; if (navigator.language) { _cw_language = navigator.language.substring(0,2); } else if (navigator.userLanguage) { _cw_language = navigator.userLanguage.substring(0,2); } var _cw_cpu = "unknown"; if (navigator.cpuClass) { _cw_cpu = navigator.cpuClass; } var _cw_os = "unknown"; var _cw_browser = "unknown"; var _cw_pf = navigator.platform; var _cw_av = navigator.appVersion; var _cw_an = navigator.appName; var _cw_ua = navigator.userAgent; if (_cw_pf) { if(_cw_pf.indexOf('Win32') != -1){ if(_cw_av.indexOf('95') != -1) _cw_os = 'Windows 95'; else if(_cw_av.indexOf('98') != -1) _cw_os = 'Windows 98'; else if(_cw_av.indexOf('Me') != -1) _cw_os = 'Windows Me'; else if(_cw_av.indexOf('NT 5.0') != -1) _cw_os = 'Windows 2000'; else if(_cw_av.indexOf('NT 5.1') != -1) _cw_os = 'Windows XP'; else if(_cw_av.indexOf('NT 5.2') != -1) _cw_os = 'Windows Server 2003'; else if(_cw_av.indexOf('NT') != -1) _cw_os = 'Windows NT'; else _cw_os = 'Windows'; } else if(_cw_pf.indexOf('Linux') != -1) { _cw_os = 'Linux'; } else if(_cw_pf.indexOf('Sun') != -1) { _cw_os = 'SunOS'; } else if(_cw_pf.indexOf('Mac') != -1) { _cw_os = 'Mac'; } else if(_cw_pf.indexOf('AIX') != -1) { _cw_os = 'AIX'; } else if(_cw_pf.indexOf('Free') != -1) { _cw_os = 'FreeBSD'; } } if (_cw_ua) { if (_cw_ua.indexOf('Opera') != -1) { _cw_browser = "Opera"; } else if (_cw_ua.indexOf('MSIE') != -1) { temp = _cw_ua.split(';')[1].split(' '); _cw_browser = "Internet Explorer " + parseInt(temp[2]) + ".X"; } else if (_cw_ua.indexOf('Firefox') != -1) { _cw_browser = "Firefox"; } else if (_cw_ua.indexOf('Mozilla') != -1) { _cw_browser = "Mozilla"; } else if (_cw_an.indexOf('Netscape') != -1) { _cw_browser = "Netscape"; } else if (_cw_an) { _cw_browser = _cw_an; } } var _cw_params = "?id=" + _cw_logger_id + "&title=" + _cw_title + "&directory=" + _cw_directory + "&uri=" + _cw_uri + "&referrer=" + _cw_referrer + "&cookie=" + _cw_cookie + "&java=" + _cw_java + "&screen=" + _cw_screen_size + "&color=" + _cw_color_depth + "&lang=" + _cw_language + "&cpu=" + _cw_cpu + "&os=" + _cw_os + "&browser=" + _cw_browser; var _cw_browser_ie = (document.all)?true:false; var _cw_js12 = (window.screen)?true:false; if (_cw_js12) { var _cw_logger_img = new Image(); if(_cw_browser_ie) { _cw_logger_img.src = _cw_logger_url + _cw_params; } else { setTimeout("_cw_logger_img.src = _cw_logger_url + _cw_params;", 1); } } else { if(_cw_browser_ie) document.write('
'); document.write(''); if(_cw_browser_ie) document.write('
'); } }