jsclass_layer (레이어 제어 클래스) > script

http://mins01.zerock.net/20070305/m_board/tech.php?b_id=tech&type=read&b_idx=372&page=1&period=365

#소개
JS에서 레이어(<div>에 postion이 absolute인것)을 제어하는 클래스입니다.
클래스를 선언하고 해당 메소드를 부르면
레이어는 그에맞게 동작하도록 되어있습니다.

링크에서 예제를 보실 수 있습니다.

/*========================================
JS로 만든 Layer 제어 클래스

#간단설명
레이어(div)를 제어한다.
기본동작 : 이동,리사이즈,투명도,배경색 변화
응용동작 : 레이어 위치 고정(떠있는 레이어), 마우스 따라다니는 레이어

# 사용법
//레이어클래스 선언
var layer = jsclass_layer(); //자체적으로 레이어를 새로 하나 생성
var layer = jsclass_layer('xxx'); //아이디(ID)가 xxx인 대상을 레이어로 사용
var layer = jsclass_layer(document.getElementById('xxx')); //지정된 대상을 레이어로 사용

//레이어 자체를 받아오기
var real_layer = layer.get_layer(); //레이어 자체를 가져온다.
real_layer.style.fontSize='10px'; //가져온 후 스타일을 바꿀 수 있다.
또는
layer.layer.style.fontSize='10px'; // .layer 로도 할 수 있다.

//배경색 변화
layer.action_change_bgcolor(color_ed,color_st,inc_r,inc_g,inc_b,usec)
layer.action_change_bgcolor(마지막배경색,[시작배경색],[R증가값],[G증가값],[BR증가값],[타이머 딜레이])

//투명도 변화
layer.action_hide(step,usec,show_type,opacity_min,opacity_max)
layer.action_hide([순차적단계],[타이머딜레이],[보이기/감추기 설정],[투명도 최소값],[투명도 최대값]){

//레이어 크기변화(리사이즈)
layer.action_resize(width,height,inc_x,inc_y,usec)
layer.action_resize([목표너비],[목표높이],[너비증가값],[높이 증가값],[타이머 딜레이])

//레이어 위치변화
layer.action_move(left,top,inc_x,inc_y,usec)
layer.action_move([목록 left],[목록 top],[x증가값],[y증가값],[타이머 딜레이])

//레이어 위치고정(떠있는 레이어)
layer.action_fix_move(left,top,usec)
layer.action_fix_move([왼쪽위치],[상단위치],[타이머 딜레이])
layer.action_unfix_move() //해제

//마우스를 따라다니는 레이어

layer.action_fix_move_mouse(gap_x,gap_y)
layer.action_fix_move_mouse([레이어와 커서와의 x거리],[레이어와 커서와의 y거리])
//document.onmousemove 를 재정의 합니다. 그곳에 이밴트가 있으면 삭제됩니다.
layer.action_unfix_move_mouse()// 해제

사용시 "공대여자는 예쁘다"를 나타내셔야합니다.

만든날 : 2006-04-26
만든이 : mins01,mins,공대여자
홈페이지 : http://mins01.zerock.net
NateOn&MSN : mins01(at)lycos.co.kr
========================================*/