드래그 할 수 있는 메뉴
페이지 정보
작성자 서방님 댓글 0건 조회 171회 작성일 07-08-11 15:13본문
<HTML>
<HEAD>
<TITLE>BLUE-B</TITLE>
</HEAD>
<BODY>
<div id="movmenu" style="position:absolute; visibility:show; left:20px; top:20px; z-index:2">
<table border=0 cellpadding=4 cellspacing=1 border=0 width=150 bgcolor=555555>
<tr bgcolor=efefef>
<td>
<img src="http://www.blueb.co.kr/SRC/javascript/image/dot01.gif align=absmiddle> <a href="#">Your Link1</a><br>
<img src="http://www.blueb.co.kr/SRC/javascript/image/dot01.gif align=absmiddle> <a href="#">Your Link2</a><br>
<img src="http://www.blueb.co.kr/SRC/javascript/image/dot01.gif align=absmiddle> <a href="#">Your Link3</a><br>
<img src="http://www.blueb.co.kr/SRC/javascript/image/dot01.gif align=absmiddle> <a href="#">Your Link4</a><br>
</td>
</tr>
<tr bgcolor=0 onmousedown="InitializeMove()" style="cursor:move;">
<td align=center style="font-family:tahoma;font-size:8pt;color:white"><B>Drag</B> (Double Click STOP)</td>
</tr>
</table>
</div>
<div id="emptycell" style="position:absolute; visibility:show; left:-70px; top:-70px; z-index:2"></div>
<script language="JavaScript1.2">
<!--
var XX = 0;
var YY = 0;
var cur_one = "emptycell"
var moving = false;
var xpos1 = 20;
var ypos1 = 20;
var myX = 0;
var myY = 0;
function InitializeMove() {
cur_one = "movmenu";
XX = eval("xpos1");
YY = eval("ypos1");
}
function CaptureMove() {
if (document.layers) document.captureEvents(Event.MOUSEMOVE);
}
function EndMove() {
if (document.layers) document.releaseEvents(Event.MOUSEMOVE);
cur_one = "emptycell"
moving = false;
document.close();
}
function WhileMove() {
if (document.all) {
eval(cur_one+".style.left="+myX);
eval(cur_one+".style.top="+myY);
}
if (document.layers) {
eval("document."+cur_one+".left="+myX);
eval("document."+cur_one+".top="+myY);
}
}
function MoveHandler(e) {
myX = (document.all) ? event.clientX : e.pageX;
myY = (document.all) ? event.clientY : e.pageY;
if (!moving) {
diffX = XX - myX;
diffY = YY - myY;
moving = true;
if (cur_one == "emptycell") moving = false;
}
myX += diffX;
myY += diffY;
if (moving) {
xpos1 = myX;
ypos1 = myY;
}
WhileMove();
}
function ClearError() {
return true;
}
if (document.layers) {
document.captureEvents(Event.CLICK);
document.captureEvents(Event.DBLCLICK);
}
document.onmousemove = MoveHandler;
document.onclick = CaptureMove;
document.ondblclick = EndMove;
window.onerror = ClearError;
WhileMove();
//-->
</script>
댓글목록
등록된 댓글이 없습니다.
