테스트 사이트 - 개발 중인 베타 버전입니다
SIR

이동식 메뉴 박스

카이루
프로필 보기이 회원 글보기
 · 20년 전 · 4213
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function checkVersion4() {
var x = navigator.appVersion;
y = x.substring(0,4);
if (y>=4) setVariables();moveOB();
}

function setVariables() {
if (navigator.appName == "Netscape") {
h=".left=";v=".top=";dS="document.";sD="";
}
else{
h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style";
}
objectX="object11"
XX=-70;
YY=-70;
OB=11;
}

function setObject(a) {
objectX="object"+a;
OB=a;
XX=eval("xpos"+a);
YY=eval("ypos"+a);
}

function getObject() {
if (isNav) document.captureEvents(Event.MOUSEMOVE);
}

function releaseObject() {
if (isNav) document.releaseEvents(Event.MOUSEMOVE);
check="no";
objectX="object11";
document.close();
}

function moveOB() {
eval(dS + objectX + sD + h + Xpos);
eval(dS + objectX + sD + v + Ypos);
}

var isNav = (navigator.appName.indexOf("Netscape") !=-1);
var isIE = (navigator.appName.indexOf("Microsoft") !=-1);
nsValue=(document.layers);
check="no";
function MoveHandler(e) {
Xpos = (isIE) ? event.clientX : e.pageX;
Ypos = (nsValue) ? e.pageY : event.clientY;
if (check=="no") {
diffX=XX-Xpos;
diffY=YY-Ypos;
check="yes";
if (objectX=="object11") check="no";
}
Xpos+=diffX;
Ypos+=diffY;
if (OB=="1") xpos1=Xpos,ypos1=Ypos;
moveOB();
}
if (isNav) {
document.captureEvents(Event.CLICK);
document.captureEvents(Event.DBLCLICK);
}
xpos1=50; // make this the left pixel value for object1 below
ypos1=50; // make this the top pixel value for object1 below
xpos11 = -50;
ypos11 = -50;
Xpos=5;
Ypos=5;
document.onmousemove = MoveHandler;
document.onclick = getObject;
document.ondblclick = releaseObject;
// End -->
</script>
</HEAD>

<!--2. BODY 태그내에 onload="" 혹은 onunload 부분이 있으면 복사해 넣으세요-->

<BODY OnLoad="checkVersion4()">

<!--3. BODY 부분에 아래의 스크립트를 복사해 넣으세요-->

<b>메뉴상자를 집으려면 Movable Menu 를 클릭 하세요<br>
떨어뜨리려면 더블클릭 하세요</b>
<br>
<div id="object1" style="position:absolute; visibility:show; left:50px; top:50px; z-index:2">
<table border=1 cellpadding=5>
<tr>
<td bgcolor=eeeeee><a href="javascript:void(0)" onmousedown="setObject(1)">Movable Menu</a></td>
</tr>
<tr>
<td>
<br>
<A HREF="javascript:void(0)">Menu Item # 1</A><br>
<A HREF="javascript:void(0)">Menu Item # 2</a><br>
<A HREF="javascript:void(0)">Menu Item # 3</a>
</td>
</tr>
</table>
</div>

<div id="object11" style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2">
</div><div class='small'>[이 게시물은 관리자님에 의해 2011-10-31 17:16:08 PHP & HTML에서 이동 됨]</div>

첨부파일

move.html (2.4 KB, 278회)
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
200
기타 탭키 대신 엔터키를 눌러 이동합니다
199
JavaScript 전송버튼에 '전송중...' 이라는 표시를 해 줍니다
198
기타 입력 문자열 앞에 붙는 공백 제거하기
197
기타 엔터키를 누르면 다음 입력상자로 이동합니다
196
기타 버튼으로 텍스트영역의 크기를 제어합니다
195
JavaScript 텍스트 필드에 디폴트 메세지를 보여주고 클릭하면 사라집니다
194
JavaScript 특정일(ex 30일)이 지난 파일 삭제 및 디렉토리 이동하기
191
MySQL cron [퍼옮] 2
190
MySQL mysql에서의 subquery
188
MySQL 여러데이터베이스 사용하는 방법 - 퍼옮 1
183
MySQL MySQL SELECT 문 - php와 관련하여 3
182
MySQL 패스워드 변경 및 루트 패스워드 찾기
181
MySQL MySQL 설치
180
MySQL mysql 루트(root) 암호를 잊었을 경우 [퍼옮]
179
MySQL MySQL 컬럼 형 [퍼옮]
178
MySQL MySQL 연산자 ( 사칙연산, 비트연산, 논리연산 ) [퍼옮]
177
MySQL MySQL 내부연산 ( 비교연산 )
176
MySQL MySQL 연산자 ( 형변환, 컨트롤함수 )[퍼옮]
175
MySQL MySQL 함수정리 ( 수학함수 ) [퍼옮]
174
JavaScript GROUP BY 와 같이 사용되는 함수 [퍼옮]
173
MySQL MySQL 문자열 관련함수[퍼옮]
171
MySQL MySQL 날짜 관련 함수[퍼옮] 1
166
MySQL MYSQL Query의 간단한 사용법 [퍼옮] 4
165
MySQL 자주 사용하는 Mysql Query문(php와 관련하여)
164
MySQL MySql 기본명령어 모음[콘솔사용시]
161
JavaScript 유효 도메인 책크하기
160
기타 기타 알아두어야 할 함수 [퍼옮]
159
기타 변수 및 수학 관련함수 [퍼옮]
158
기타 URL 관련함수 [퍼옮]
157
기타 파일 관련함수 [퍼옮]
이전 다음
전체 목록