1
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">2
<!-- saved from url=(0051)http://www.hot4.org/java/dynamic/dragmenu3/demo.htm -->3
<HTML><HEAD><TITLE>javascriptboy</TITLE>4
<META http-equiv=Content-Type content="text/html; charset=gb2312">5
<STYLE>
BODY {}{6
FONT-SIZE: 9pt; COLOR: black7
}8
TD {}{9
FONT-SIZE: 9pt; COLOR: black10
}11
A {}{12
FONT-SIZE: 9pt; COLOR: black13
}14
.none {}{15
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BACKGROUND: #d9d9d9; BORDER-LEFT: black 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid16
}17
.over {}{18
BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; BACKGROUND: #707888; BORDER-LEFT: black 1px solid; COLOR: white; PADDING-TOP: 2px; BORDER-BOTTOM: black 1px solid19
}20
</STYLE>21
22
<SCRIPT language=JavaScript>23
<!--24
function MM_reloadPage(init) { //reloads the window if Nav4 resized25
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {26
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}27
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();28
}29
MM_reloadPage(true);30
// -->31
</SCRIPT>32
33
<META content="MSHTML 5.50.4522.1800" name=GENERATOR></HEAD>34
<BODY text=#000000 bgColor=#ffffff>35
<DIV onmouseup=down=false 36
onmousedown=down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY-parseInt(plane.style.top) 37
id=plane style="LEFT: -50px; CURSOR: hand; POSITION: absolute; TOP: 10px">38
<DIV class=none onmouseover=menuin();init() 39
style="Z-INDEX: 1; BACKGROUND: #707888; LEFT: 150px; WIDTH: 100px; CURSOR: hand; COLOR: white; POSITION: absolute; TOP: 33px; HEIGHT: 19px" 40
onmouseout=menuout() align=center>可拖动的菜单</DIV>41
<DIV class=none id=item1 onmouseover="this.className='over';menuin()" 42
style="Z-INDEX: 2; FILTER: alpha(opacity=0); LEFT: 50px; WIDTH: 99px; POSITION: absolute; TOP: 55px; HEIGHT: 19px" 43
onmouseout="this.className='none';menuout()" align=center>第一个</DIV>44
<DIV class=none id=item2 onmouseover="this.className='over';menuin()" 45
style="Z-INDEX: 3; FILTER: alpha(opacity=0); LEFT: 250px; WIDTH: 99px; POSITION: absolute; TOP: 77px; HEIGHT: 19px" 46
onmouseout="this.className='none';menuout()" align=center>菜单项二</DIV>47
<DIV class=none id=item3 onmouseover="this.className='over';menuin()" 48
style="Z-INDEX: 4; FILTER: alpha(opacity=0); LEFT: 50px; WIDTH: 99px; POSITION: absolute; TOP: 99px; HEIGHT: 19px" 49
onmouseout="this.className='none';menuout()" align=center>菜单项三</DIV>50
<DIV class=none id=item4 onmouseover="this.className='over';menuin()" 51
style="Z-INDEX: 5; FILTER: alpha(opacity=0); LEFT: 250px; WIDTH: 99px; POSITION: absolute; TOP: 121px; HEIGHT: 19px" 52
onmouseout="this.className='none';menuout()" align=center>菜单项四</DIV>53
<DIV class=none id=item5 onmouseover="this.className='over';menuin()" 54
style="Z-INDEX: 6; FILTER: alpha(opacity=0); LEFT: 50px; WIDTH: 99px; POSITION: absolute; TOP: 143px; HEIGHT: 19px" 55
onmouseout="this.className='none';menuout()" align=center>菜单项五</DIV></DIV>56
<DIV id=Layer1 57
style="Z-INDEX: 1; LEFT: -500px; WIDTH: 445px; POSITION: absolute; TOP: -500px; HEIGHT: 53px">divleft: 58
<INPUT id=lt name=Input> divtop: <INPUT id=tp name=Input2> <BR>clientx: <INPUT 59
id=tx name=Input2> clienty: <INPUT id=ty name=Input2> </DIV>60
<SCRIPT language=vbs>61
dim down,divleft,divtop,timelinestart,timelinestop,tidone,tidtwo,tidtree62
down=false63
timelinestart=064
timelinestop=065
sub document_onmousemove66
if down then67
plane.style.left=window.event.clientx-divleft68
plane.style.top=window.event.clienty-divtop69
end if70
lt.value=divleft71
tp.value=divtop72
tx.value=window.event.clientx73
ty.value=window.event.clienty74
end sub75
sub document_ondargstart76
window.event.returnvalue=false77
end sub78
function menuin()79
cleartimeout(tidtree)80
end function81
function menuout()82
tidtree=settimeout("outit()",200)83
end function84
function init()85
if timelinestart<>5 then86
cleartimeout(tidtwo)87
item1.style.pixelLeft=item1.style.pixelLeft+2088
item1.filters.alpha.opacity=item1.filters.alpha.opacity+2089
item2.style.pixelLeft=item2.style.pixelLeft-2090
item2.filters.alpha.opacity=item2.filters.alpha.opacity+2091
item3.style.pixelLeft=item3.style.pixelLeft+2092
item3.filters.alpha.opacity=item3.filters.alpha.opacity+2093
item4.style.pixelLeft=item4.style.pixelLeft-2094
item4.filters.alpha.opacity=item4.filters.alpha.opacity+2095
item5.style.pixelLeft=item5.style.pixelLeft+2096
item5.filters.alpha.opacity=item5.filters.alpha.opacity+2097
timelinestart=timelinestart+198
else99
cleartimeout(tidone)100
end if101
tidone=settimeout("init()",1)102
end function103
function outit()104
if timelinestart<>0 then105
cleartimeout(tidone)106
item1.style.pixelLeft=item1.style.pixelLeft-20107
item1.filters.alpha.opacity=item1.filters.alpha.opacity-20108
item2.style.pixelLeft=item2.style.pixelLeft+20109
item2.filters.alpha.opacity=item2.filters.alpha.opacity-20110
item3.style.pixelLeft=item3.style.pixelLeft-20111
item3.filters.alpha.opacity=item3.filters.alpha.opacity-20112
item4.style.pixelLeft=item4.style.pixelLeft+20113
item4.filters.alpha.opacity=item4.filters.alpha.opacity-20114
item5.style.pixelLeft=item5.style.pixelLeft-20115
item5.filters.alpha.opacity=item5.filters.alpha.opacity-20116
timelinestart=timelinestart-1117
else118
cleartimeout(tidtwo)119
end if120
tidtwo=settimeout("outit()",1)121
end function122
</SCRIPT>123
</BODY></HTML>124
浙公网安备 33010602011771号