鼠标右键显隐效果

把如下代码加入

 1<body>区域中   
 2<style>   
 3body,td,a {font-size:9pt;color:black}   
 4.none{border:black 1px solid;background:D9D9D9;padding-top:2}   
 5.over {border:black 1px solid;background:707888;color:white;padding-top:2}   
 6</style>
 7<body oncontextmenu="return false">
 8<div id="plane" onmousedown="down=true;divleft=event.clientX-parseInt(plane.style.left);divtop=event.clientY-parseInt(plane.style.top)" onmouseup="down=false" style="position:absolute; left: 100; top: 100;cursor: hand;display='none';">
 9<div align="center" class="none" onmouseover="menuin();init()" style="position:absolute; left:150px; top:33px; width:100px; height:19px; z-index:1;color:white;background:707888;cursor:default;">右键菜单</div>
10<div align="center" class="none" id="item1" onmouseout="this.className='none';" onmouseover="this.className='over';menuin()" style="position:absolute; left:50px; top:55px; width:99px; height:19px; z-index:2; filter:alpha(opacity=0)">菜单项一</div>
11<div align="center" class="none" id="item2" onmouseout="this.className='none';" onmouseover="this.className='over';menuin()" style="position:absolute; left:250px; top:77px; width:99px; height:19px; z-index:3;filter:alpha(opacity=0)">菜单项二</div>
12<div align="center" class="none" id="item3" onmouseout="this.className='none';" onmouseover="this.className='over';menuin()" style="position:absolute; left:50px; top:99px; width:99px; height:19px; z-index:4; filter:alpha(opacity=0)">菜单项三</div>
13<div align="center" class="none" id="item4" onmouseout="this.className='none';" onmouseover="this.className='over';menuin()" style="position:absolute; left:250px; top:121px; width:99px; height:19px; z-index:5;filter:alpha(opacity=0)">菜单项四</div> <div align="center" class="none" id="item5" onmouseout="this.className='none';" onmouseover="this.className='over';menuin()" style="position:absolute; left:50px; top:143px; width:99px; height:19px; z-index:6; filter:alpha(opacity=0)">菜单项五</div>
14</div>
15<script language="vbs">   
16dim down,divleft,divtop,timelinestart,timelinestop,tidone,tidtwo,tidtree   
17down=false   
18timelinestart=0   
19timelinestop=0   
20sub document_onmousedown   
21if window.event.button=2 then   
22plane.style.display=""   
23plane.style.left=window.event.clientx-153   
24plane.style.top=window.event.clienty-35   
25end if   
26end sub   
27sub document_onmousemove   
28if down then   
29plane.style.left=window.event.clientx-divleft   
30plane.style.top=window.event.clienty-divtop   
31end if 
32
33end sub   
34sub document_ondargstart   
35window.event.returnvalue=false   
36end sub   
37function menuin()   
38cleartimeout(tidtree)   
39end function   
40sub document_onclick   
41tidtree=settimeout("outit()",200)   
42end sub   
43function init()   
44if timelinestart<>5 then   
45cleartimeout(tidtwo)   
46item1.style.pixelLeft=item1.style.pixelLeft+20   
47item1.filters.alpha.opacity=item1.filters.alpha.opacity+20   
48item2.style.pixelLeft=item2.style.pixelLeft-20   
49item2.filters.alpha.opacity=item2.filters.alpha.opacity+20   
50item3.style.pixelLeft=item3.style.pixelLeft+20   
51item3.filters.alpha.opacity=item3.filters.alpha.opacity+20   
52item4.style.pixelLeft=item4.style.pixelLeft-20   
53item4.filters.alpha.opacity=item4.filters.alpha.opacity+20   
54item5.style.pixelLeft=item5.style.pixelLeft+20   
55item5.filters.alpha.opacity=item5.filters.alpha.opacity+20   
56timelinestart=timelinestart+1   
57else   
58cleartimeout(tidone)   
59end if   
60tidone=settimeout("init()",1)   
61end function   
62function outit()   
63if timelinestart<>0 then   
64cleartimeout(tidone)   
65item1.style.pixelLeft=item1.style.pixelLeft-20   
66item1.filters.alpha.opacity=item1.filters.alpha.opacity-20   
67item2.style.pixelLeft=item2.style.pixelLeft+20   
68item2.filters.alpha.opacity=item2.filters.alpha.opacity-20   
69item3.style.pixelLeft=item3.style.pixelLeft-20   
70item3.filters.alpha.opacity=item3.filters.alpha.opacity-20   
71item4.style.pixelLeft=item4.style.pixelLeft+20   
72item4.filters.alpha.opacity=item4.filters.alpha.opacity-20   
73item5.style.pixelLeft=item5.style.pixelLeft-20   
74item5.filters.alpha.opacity=item5.filters.alpha.opacity-20   
75timelinestart=timelinestart-1   
76else   
77cleartimeout(tidtwo)   
78plane.style.display="none"   
79exit function   
80end if   
81tidtwo=settimeout("outit()",1)   
82end function   
83</script></body></body>
Published At
Categories with 网页设计
Tagged with
comments powered by Disqus