이전
목록
다음
카

이동식 메뉴 박스

카이루
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 21년 전 · 2464
<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) 277회 2005-06-13 14:56
|
댓글을 작성하시려면 로그인이 필요합니다.

프로그램

태그 필터 (최대 3개) 전체 개발자 소스 기타 mysql 팁자료실 javascript php linux flash 정규표현식 jquery node.js mobile 웹서버 os 프로그램 강좌 썸네일 이미지관련 도로명주소 그누보드5 기획자 견적서 계약서 기획서 마케팅 제안서 seo 통계 서식 통계자료 퍼블리셔 html css 반응형 웹접근성 퍼블리싱 표준화 반응형웹 홈페이지기초 부트스트랩 angularjs 포럼 스크린리더 센스리더 개발자톡 개발자팁 퍼블리셔톡 퍼블리셔팁 기획자톡 기획자팁 프로그램강좌 퍼블리싱강좌
+
제목 글쓴이 날짜 조회
21년 전 조회 1,870
21년 전 조회 1,695
21년 전 조회 1,773
21년 전 조회 2,241
21년 전 조회 2,004
21년 전 조회 2,499
21년 전 조회 3,692
21년 전 조회 1,702
21년 전 조회 1,898
21년 전 조회 3,308
21년 전 조회 2,488
21년 전 조회 3,289
21년 전 조회 3,010
21년 전 조회 3,431
21년 전 조회 5,251
21년 전 조회 2,659
21년 전 조회 4,947
21년 전 조회 2,641
21년 전 조회 3,242
21년 전 조회 7,741
21년 전 조회 3,961
21년 전 조회 3,347
21년 전 조회 4,832
21년 전 조회 3,034
21년 전 조회 6,365
21년 전 조회 4,615
21년 전 조회 5,912
21년 전 조회 3,761
21년 전 조회 6,105
21년 전 조회 3,253
21년 전 조회 2,960
21년 전 조회 2,763
21년 전 조회 2,569
21년 전 조회 2,779
21년 전 조회 2,807
21년 전 조회 3,924
21년 전 조회 2,956
21년 전 조회 2,591
21년 전 조회 2,398
21년 전 조회 3,194
21년 전 조회 3,264
21년 전 조회 2,623
21년 전 조회 2,727
21년 전 조회 3,108
21년 전 조회 2,457
21년 전 조회 2,874
21년 전 조회 2,265
21년 전 조회 2,473
21년 전 조회 2,817
21년 전 조회 2,464
21년 전 조회 2,299
21년 전 조회 2,303
21년 전 조회 2,465
21년 전 조회 2,063
21년 전 조회 2,053
21년 전 조회 2,257
21년 전 조회 2,496
21년 전 조회 4,703
21년 전 조회 2,861
21년 전 조회 2,243
21년 전 조회 2,310
21년 전 조회 2,279
21년 전 조회 2,547
21년 전 조회 2,708
21년 전 조회 1,914
21년 전 조회 4,203
21년 전 조회 3,990
21년 전 조회 3,117
21년 전 조회 3,035
21년 전 조회 5,378
21년 전 조회 4,182
21년 전 조회 4,571
21년 전 조회 3,591
21년 전 조회 5,966
21년 전 조회 3,223
21년 전 조회 6,204
18년 전 조회 3,768
21년 전 조회 3,779
21년 전 조회 4,376
21년 전 조회 3,953
21년 전 조회 4,347
21년 전 조회 6,811
21년 전 조회 4,856
21년 전 조회 7,113
21년 전 조회 4,316
21년 전 조회 2,749
21년 전 조회 5,100
21년 전 조회 3,543
21년 전 조회 4,014
21년 전 조회 3,696
21년 전 조회 3,533
21년 전 조회 4,088
21년 전 조회 5,293
21년 전 조회 4,898
21년 전 조회 5,816
21년 전 조회 4,237
21년 전 조회 4,982
21년 전 조회 4,878
21년 전 조회 3,376
22년 전 조회 4,469
이전 첫 페이지 다음
글쓰기