// JavaScript Document
/*******************************************************************************
팝업창 관련
*******************************************************************************/
function getCookie(Name) {
var search = Name + "="
if (document.cookie.length > 0) { // 쿠키가 설정되어 있다면
offset = document.cookie.indexOf(search)
if (offset != -1) { // 쿠키가 존재하면
offset += search.length // set index of beginning of value
end = document.cookie.indexOf(";", offset) // 쿠키 값의 마지막 위치 인덱스 번호 설정
if (end == -1)
end = document.cookie.length
return unescape(document.cookie.substring(offset, end))
}
}
}
function openNotice(URL,title,features) {
if(getCookie(title)!="done"){//팝업창 타이틀이 쿠키에 없으면
var popup = window.open(URL,title,features); //윈도오픈
if( navigator.appName.substring(0,8) == "Netscape" ) { popup.location = URL; }
}
}
/*******************************************************************************
공지사항 마우스 오버시 선택별 보여주기
*******************************************************************************/
function ShowNotice(idx){
HideNotice();
noticeImg[idx-1].src = "/images/notice0" + idx + "_ov.gif"
noticeList[idx-1].style.display ="";
}
function HideNotice(){
for(i = 1; i <= noticeImg.length; i++) {
noticeImg[i-1].src = "/images/notice0" + (i) + ".gif"
noticeList[i-1].style.display = "none"
}
}
showIdx = 0
function rotationBanner() {
pshowIdx = showIdx - 1
if (pshowIdx < 0) pshowIdx = rProfBanner.length - 1
rProfBanner[pshowIdx].style.display = "none"
rProfBanner[showIdx].style.display = ""
showIdx++
if (showIdx > rProfBanner.length - 1) showIdx = 0
setTimeout("rotationBanner()", 3000)
}
/*******************************************************************************
추천사이트
*******************************************************************************/
function change(sel, targetstr)
{
var index = sel.selectedIndex;
if (sel.options[index].value != null) {
if (targetstr == 'blank') {
window.open(sel.options[index].value, 'remote');
} else {
var frameobj = eval(targetstr);
frameobj.location = sel.options[index].value;
}
}
}
/*******************************************************************************
ms 소송 문제로 flash 보여주기
*******************************************************************************/
///플래시 보기
//path : 플래시 경로
//wid : 가로 사이즈
//hei : 세로 사이트
function ViewFlash( path , width , height )
{
var strProtocol = (document.location.protocol.indexOf("https")!=-1)?"https":"http";
var htmlBody = "";
htmlBody = "" ;
document.write(htmlBody) ;
}
///플래시동화용 보기
//path : 플래시 경로
//wid : 가로 사이즈
//hei : 세로 사이트
function ViewFlashTale( path , width , height )
{
var strProtocol = (document.location.protocol.indexOf("https")!=-1)?"https":"http";
var htmlBody = "";
htmlBody = "" ;
document.write(htmlBody) ;
}
///플래시 보기 미리보기용
//path : 플래시 경로
//wid : 가로 사이즈
//hei : 세로 사이트
function ViewFlashParam( path , width , height, flashvars )
{
var strProtocol = (document.location.protocol.indexOf("https")!=-1)?"https":"http";
var htmlBody = "";
htmlBody = "" ;
document.write(htmlBody) ;
}
/*******************************************************************************
Scroll 보여주기
*******************************************************************************/
var bNetscape4plus = (navigator.appName == "Netscape" && navigator.appVersion.substring(0,1) >= "4");
var bExplorer4plus = (navigator.appName == "Microsoft Internet Explorer" && navigator.appVersion.substring(0,1) >= "4");
function CheckUIElements()
{
var yMenu1From, yMenu1To, yButtonFrom, yButtonTo, yOffset, timeoutNextCheck;
if ( bNetscape4plus ) { // 네츠케이프 용 설정
//yButtonFrom = document["divLinkButton"].top;
//yButtonTo = top.pageYOffset + top.innerHeight - 55;
yMenu1From = document["Menu1"].top;
yMenu1To = top.pageYOffset + 150; // 위쪽 위치
}
else if ( bExplorer4plus ) { // IE 용 설정
//yButtonFrom = parseInt (divLinkButton.style.top, 10);
//yButtonTo = document.body.scrollTop + document.body.clientHeight - 55;
//yMenu1From = parseInt (document["Menu1"].style.top, 10);
yMenu1From = parseInt (Menu1.style.top, 10);
yMenu1To = document.body.scrollTop + 360 // 위쪽 위치
}
timeoutNextCheck = 500;
if ( Math.abs (yButtonFrom - (yMenu1To + 152)) < 6 && yButtonTo < yButtonFrom ) {
setTimeout ("CheckUIElements()", timeoutNextCheck);
return;
}
if ( yButtonFrom != yButtonTo ) {
yOffset = Math.ceil( Math.abs( yButtonTo - yButtonFrom ) / 10 );
if ( yButtonTo < yButtonFrom )
yOffset = -yOffset;
if ( bNetscape4plus )
document["divLinkButton"].top += yOffset;
else if ( bExplorer4plus )
divLinkButton.style.top = parseInt (divLinkButton.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
if ( yMenu1From != yMenu1To ) {
yOffset = Math.ceil( Math.abs( yMenu1To - yMenu1From ) / 20 );
if ( yMenu1To < yMenu1From )
yOffset = -yOffset;
if ( bNetscape4plus )
document["Menu1"].top += yOffset;
else if ( bExplorer4plus )
//document["Menu1"].style.top = parseInt (document["Menu1"].style.top, 10) + yOffset;
Menu1.style.top = parseInt (Menu1.style.top, 10) + yOffset;
timeoutNextCheck = 10;
}
setTimeout ("CheckUIElements()", timeoutNextCheck);
}
function MovePosition()
{
var y;
// 프레임 에서 벗어나게 하는 함수입니다. 프레임에 넣으려면 삭제하세요
if ( top.frames.length )
// top.location.href = self.location.href;
// 페에지 로딩시 포지션
if ( bNetscape4plus ) {
document["Menu1"].top = top.pageYOffset + 410;
document["Menu1"].visibility = "visible";
//document["divLinkButton"].top = top.pageYOffset + top.innerHeight - 55;
//document["divLinkButton"].visibility = "visible";
}
else if ( bExplorer4plus ) {
//document["Menu1"].style.top = document.body.scrollTop + 268;
//document["Menu1"].style.visibility = "visible";
Menu1.style.top = document.body.scrollTop + 410;
Menu1.style.visibility = "visible";
//divLinkButton.style.top = document.body.scrollTop + document.body.clientHeight - 55;
//divLinkButton.style.visibility = "visible";
}
// initializing UI update timer
CheckUIElements();
//if ( bExplorer4plus )
// setTimeout ( "FlashTitleStepIt(255)", 10 );
return true;
}
/*========================================
js_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를 잘못알아옵니다.
#사용제약
사용시 "공대여자는 예쁘다"를 나타내셔야합니다.
만든날 : 2007-06-07
수정일 : 2007-08-11
만든이 : mins01,mins,공대여자
홈페이지 : http://www.mins01.com
NateOn&MSN : mins01(at)lycos.co.kr
========================================*/
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
}