참고 JS 코드:
//////////////// /////////////////////////////////////////////// ///// ///////////////
// 구성
///////////////////// ////// /////////////////////////////////////////// //////// ////////
// 기본 배경색(넓은 영역)
// 주로 밝은 색상(연한 노란색 등...)을 사용합니다.
if (typeof fcolor == 'undefine') { var fcolor = "ffffff";}
// 테두리 색상 및 제목 표시줄 색상
// 일반적으로 어두운 색상(갈색, 검정색, 등)
if (typeof backcolor == 'undefine') { var backcolor = "#FF9900";}
// 텍스트 색상
// 일반적으로 더 어둡습니다. color;
if ( typeof textcolor == 'undefine') { var textcolor = "#000000";}
// 제목 색상
// 일반적으로 밝은 색상입니다. > if (typeof capcolor == ' undefine') { var capcolor = "#FFFFFF";}
// "닫기" 색상
// 일반적으로 밝은 색상
if ( typeof closecolor == 'undefine') { var closecolor = "#9999FF";}
// 팝업창 너비
// 100~300픽셀이 적당합니다.
if (typeof width == 'undefine') { var width = "280";}
//가장자리의 너비(픽셀 단위).
// 1~3픽셀 적합
if (typeof border == 'undefine') { var border ="2";}
// 팝업창 위치 마우스 왼쪽 또는 오른쪽 거리(픽셀 단위).
// 3~12가 적합합니다
if (typeof offsetx == 'undefine') { var offsetx = 10;}
// 팝업창과 마우스 사이의 거리.
// 3-12 적합
if (typeof offsety == 'undefine') { var offsety = 10;}
/////////////// //// ///////////////////////////////////////////// /////// /////////////
// 설정 종료
////////////////// ///////// //////////////////////////////////////// ////////// ///////
ns4 = (document.layers)? true:false
ie4 = (document.all)? false
// Microsoft Stupidity Check .
if (ie4) {
if (navigator.userAgent.indexOf('MSIE 5')>0) {
ie5 = true; 🎜> } else {
ie5 = false; }
} else {
ie5 = false
}
var x = 0; 🎜>var snow = 0;
var sw = 0;
var dir = 1
var tr=1; if (ie4) over = overDiv.style
document.onmousemove = mouseMove
if (ns4) document.captureEvents(Event.MOUSEMOVE)
}
/ / 다음은 페이지에서 사용되는 공용 함수입니다. ;
// 간단한 팝업 오른쪽
function drs(text) {
dts(1,text)
}
// 해당되는 경우 팝업을 지웁니다.
function nd() {
if ( cnt >= 1 ) { sw = 0 }
if ( (ns4) || (ie4) ) {
if ( sw == 0 ) {
snow = 0;
hideObject(over);
} else {
cnt
}
}
}
// 다른 함수에 의해 호출되는 함수
// 단순 팝업
function dts(d,text) {
txt = "
<테이블 너비=100% BORDER=0 CELLPADDING=2 CELLSPACING=3 BGCOLOR="" fcolor ""> |
< ;TD CLASS=P1>" text "
;"
layerWrite(txt);
dir = d;
disp();
}
// 일반적인 호출
function disp() {
if ( (ns4) || (ie4) ) {
if (snow == 0) {
if (dir == 2) { / / Center
moveTo(over,x offsetx-(width/2),y offsety)
}
if (dir == 1) { // 오른쪽
moveTo(over,x offsetx, y 오프셋);
}
if (dir == 0) { // 왼쪽
moveTo(over,x-offsetx-width,y offsety)
}
showObject(over) ;
snow = 1;
}
}
// 여기서 텍스트를 상태 표시줄로 이동하게 할 수 있습니다.
// 레이어를 이동합니다
mouseMove(e) {
if (ns4) {x=e.pageX; y=e.pageY;}
if (ie4) {x=event.x document.body.scrollLeft; document.body.scrollTop;}
if (ie5) {x=event.x document.body.scrollLeft; y=event.y document.body.scrollTop;}
if (snow) {
if (dir == 2) { // 가운데
moveTo(over,x offsetx-(width/2),y offsety)
}
if (dir == 1) { // 오른쪽
moveTo(over,x offsetx,y offsety);
}
if (dir == 0) { // 왼쪽
moveTo(over,x-offsetx-width,y offsety);
}
}
}
// Sticky의 Close onMouseOver 함수
함수 cClick() {
hideObject(over);
sw=0;
}
// 레이어에 쓰기 lyr.write
// 객체를 표시하기
function showObject(obj) {
if (ns4) obj.visibility = "show"
else if(ie4) obj.visibility = "visible"
}
// 객체 숨기기 "
}
// 레이어 이동
함수 moveTo(obj,xL,yL) {
obj.left = xL
obj.top = yL
}