= oRoll.pop_children.length) {
oRoll.counter = 0;
}
}
pop_rolling.prototype.start = function(){ //롤링 시작
var oRoll = this;
this.stop();
this.is_rolling = true;
var act = function(){
if(oRoll.is_rolling){
oRoll.move_right();
}
}
if (!this.time_timer) {
act(); // 처음 로딩시 첫번째 버튼이 즉시 선택되도록
}
this.time_timer = setInterval(act,this.time_dealy);
}
pop_rolling.prototype.pause = function(){ //일시 멈춤
this.is_rolling = false;
}
pop_rolling.prototype.resume = function(){ //일시 멈춤 해제
//if(!this.mouseover){
this.is_rolling = true;
//}
}
pop_rolling.prototype.stop = function(){ //롤링을 끝냄
this.is_rolling = false;
if(!this.time_timer){
clearInterval(this.time_timer);
}
this.time_timer = null;
}
/*======= 롤배너용 자바 스크립트 파일 (rolling.js)=================================
#간단설명
라고 했을 경우 div안의 img를 위,오른쪽,아래,왼쪽으로 롤링 시킨다.
# 사용법
//JS스크립트 로드
//처럼 구성후 div의 너비와 높이는 꼭 정해주기 바랍니다.
1
![]()
etc
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일때만 동작)
#주의
방향이 top,bottom일 경우 내부 태그는 block요소(div)로
방향이 left,right일 경우 내부태그는 inline요소(a,span)으로
해주세요.
FF에서 top,bottom의 경우 inline요소일 경우 offsetHeight를 잘못알아옵니다.
========================================*/
var js_rolling = function(bannerContainer){
// 시간단위는 ms로 1000이 1초
if(bannerContainer.nodeType==1){
this.bannerContainer = bannerContainer;
}else{
this.bannerContainer = document.getElementById(bannerContainer);
}
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 = 20; //움직이는 타임딜레이
this.time_dealy_pause = 2000;//하나의 대상이 새로 시작할 때 멈추는 시간, 0 이면 적용 안함
this.time_timer=null;
this.time_timer_pause=null;
this.mouseover=false;
this.user_stop=false;
this.init();
this.set_direction(this.direction);
}
js_rolling.prototype.init = function(){
this.bannerContainer.style.position='relative';
this.bannerContainer.style.overflow='hidden';
var children = this.bannerContainer.childNodes;
for(var i=(children.length-1);0<=i;i--){
if(children[i].nodeType==1){
children[i].style.position='relative';
children[i].style.padding='0 5px 0 0';
}else{
this.bannerContainer.removeChild(children[i]);
}
}
var bannerContainer=this;
this.bannerContainer.onmouseover=function(){
bannerContainer.mouseover=true;
if(!bannerContainer.time_timer_pause){
bannerContainer.pause();
}
}
this.bannerContainer.onmouseout=function(){
bannerContainer.mouseover=false;
if(!bannerContainer.time_timer_pause){
bannerContainer.resume();
}
}
/*
this.bannerContainer.onfocus=function(){
bannerContainer.mouseover=true;
if(!bannerContainer.time_timer_pause){
bannerContainer.pause();
}
}
this.bannerContainer.onblur=function(){
bannerContainer.mouseover=false;
if(!bannerContainer.time_timer_pause){
bannerContainer.resume();
}
}
*/
}
js_rolling.prototype.set_direction = function(direction){
this.direction=direction;
if(this.direction==2 ||this.direction==4){
this.bannerContainer.style.whiteSpace='nowrap';
}else{
this.bannerContainer.style.whiteSpace='normal';
}
var children = this.bannerContainer.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.bannerContainer.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.bannerContainer.firstChild.offsetWidth+'px';
}else if(this.direction==3){
children[i].style.top='-'+this.bannerContainer.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.bannerContainer.insertBefore(this.bannerContainer.lastChild,this.bannerContainer.firstChild);
this.init_element_children();
this.pause_act();
}
}
js_rolling.prototype.move_down = function(){
if(this.direction!=1&&this.direction!=3){return false;}
this.bannerContainer.insertBefore(this.bannerContainer.lastChild,this.bannerContainer.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.bannerContainer.insertBefore(this.bannerContainer.lastChild,this.bannerContainer.firstChild);
this.init_element_children();
this.pause_act();
}
}
js_rolling.prototype.move_right = function(){
if(this.direction!=2&&this.direction!=4){return false;}
this.bannerContainer.insertBefore(this.bannerContainer.lastChild,this.bannerContainer.firstChild);
this.init_element_children();
this.pause_act();
}
js_rolling.prototype.start = function(){ //롤링 시작
var bannerContainer = this;
this.stop();
this.is_rolling = true;
var act = function(){
if(bannerContainer.is_rolling){
if(bannerContainer.direction==1){bannerContainer.act_move_up();}
else if(bannerContainer.direction==2){bannerContainer.act_move_right();}
else if(bannerContainer.direction==3){bannerContainer.act_move_down();}
else if(bannerContainer.direction==4){bannerContainer.act_move_left();}
}
}
this.time_timer = setInterval(act,this.time_dealy);
}
js_rolling.prototype.pause_act = function(){ //일시 동작
if(this.time_dealy_pause){
var bannerContainer = this;
var act = function(){bannerContainer.resume();bannerContainer.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.user_stop){
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;
}
js_rolling.prototype.user_pause = function(){ //일시 멈춤
this.user_stop = true;
this.pause();
}
js_rolling.prototype.user_resume = function(){ //일시 멈춤 해제
this.user_stop = false;
this.resume();
}
/* IE6 Flicker Bug를 execCommand문으로 해결하는 방법 */
try {document.execCommand('BackgroundImageCache', false, true);} catch(e) {}
var _cw_logger_id = 1;
var _cw_logger_domain = "www.dsc.ac.kr";
var _cw_logger_url = "http://211.39.127.21/cms/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('