|
淡显的菜单 |
| #iewrap { POSITION: absolute } #dropmenu { FILTER: revealTrans(Duration=1.5,Transition=12) visibility:hide } </STYLE> </HEAD> <BODY> <SPAN id=iewrap onclick="dropit2();event.cancelBubble=true;return false"><A href="http://www.seekri.com/#">淡显的菜单</A></SPAN> <SCRIPT language=JavaScript1.2> var enableeffect=true var selection=new Array() selection[0]='<center><a href="http://www.seekri.com" target="_blank">长篇小说</a></center>' selection[1]='<center><a href="http://www.seekri.com" target="_blank">操作系统</a></center>' selection[2]='<center><a href="http://www.seekri.com" target="_blank">应用软件</a></center>' selection[3]='<center><a href="http://www.seekri.com" target="_blank">编程心得</a></center>' selection[4]='<center><a href="http://www.seekri.com" target="_blank">网络文摘</a></center>' selection[5]='<center><a href="mailto:[email protected]">给我来信</a></center>' if (document.layers) document.dropmenu01.document.dropmenu02.visibility='show' function dropit2(){ if (document.all){ dropmenu.style.left=document.body.scrollLeft+event.clientX-event.offsetX dropmenu.style.top=document.body.scrollTop+event.clientY-event.offsetY+18 if (dropmenu.style.visibility=="hidden"){ if (enableeffect) dropmenu.filters.revealTrans.apply() dropmenu.style.visibility="visible" if (enableeffect) dropmenu.filters.revealTrans.play() } else{ hidemenu() } } } function dropit(e){ if (document.dropmenu.visibility=="hide") document.dropmenu.visibility="show" else document.dropmenu.visibility="hide" document.dropmenu.left=e.pageX-e.layerX document.dropmenu.top=e.pageY-e.layerY+19 return false } function hidemenu(){ if (enableeffect) dropmenu.filters.revealTrans.stop() dropmenu.style.visibility="hidden" } function hidemenu2(){ document.dropmenu.visibility="hide" } if (document.layers){ document.dropmenu01.document.dropmenu02.captureEvents(Event.CLICK) document.dropmenu01.document.dropmenu02.onclick=dropit } else if (document.all) document.body.onclick=hidemenu </SCRIPT> </P> <DIV id=dropmenu style="BACKGROUND-COLOR: #bfbfbf; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: black 1px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; HEIGHT: 19px; LEFT: 3px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px; POSITION: absolute; TOP: 47px; VISIBILITY: hidden; WIDTH: 100px; layer-background-color: seashell"> <SCRIPT language=JavaScript1.2> if (document.all) dropmenu.style.padding='4px' for (i=0;i<selection.length;i++) document.write(selection[i]) </SCRIPT> </DIV> </BODY> </HTML> 注意:如果直接复制应用,请把代码中的全角符号&<>"换成相应的半角符号。 末学后进,搬门弄斧。 |