淡显的菜单

#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>
注意:如果直接复制应用,请把代码中的全角符号&<>"换成相应的半角符号。
末学后进,搬门弄斧。