<html>
<head><style><!--#iewrap{ position:relative;height:30px}#iewrap2{ position:absolute}#dropmenu03{ filter:revealTrans(Duration=1.5,Transition=12)visibility:hide}a:hover { color: #FF0000}body { font-family: "宋体"; font-size: 9pt; text-decoration: none}a { font-family: "宋体"; font-size: 14pt; text-decoration: none}--></style></head><body><center><h1>下拉菜单的渐显效果</h1></center><ilayer id="dropmenu01" height=35px>
<layer id="dropmenu02" visibility=show><span id="iewrap"><span id="iewrap2" onClick="dropit2();event.cancelBubble=true;return false"><font face="宋体"><a href="#">点这里查看本站栏目</a></font></span></span></layer></ilayer><script language="JavaScript1.2">//如果想关闭 "fade"（消隐）效果，将如下参数设置成false，适用于IE用户。var enableeffect=true//将如下数组修改成你自己的。var selection=new Array()selection[0]='<font face="宋体"><a href="link1.htm">链接之一</a></font><br>'selection[1]='<font face="宋体"><a href="link2.htm">链接之二</a></font><br>'selection[2]='<font face="宋体"><a href="link3.htm">链接之三</a></font><br>'selection[3]='<font face="宋体"><a href="link4.htm">链接之四</a></font><br>'selection[4]='<font face="宋体"><a href="link5.htm">链接之五</a></font>'if (document.layers)document.dropmenu01.document.dropmenu02.visibility='show'function dropit2(){ if (document.all){ dropmenu03.style.left=document.body.scrollLeft+event.clientX-event.offsetXdropmenu03.style.top=document.body.scrollTop+event.clientY-event.offsetY+18if (dropmenu03.style.visibility=="hidden"){ if (enableeffect)dropmenu03.filters.revealTrans.apply()dropmenu03.style.visibility="visible"if (enableeffect)dropmenu03.filters.revealTrans.play()}else{ hidemenu()}}}function dropit(e){ if (document.dropmenu03.visibility=="hide")document.dropmenu03.visibility="show"elsedocument.dropmenu03.visibility="hide"document.dropmenu03.left=e.pageX-e.layerXdocument.dropmenu03.top=e.pageY-e.layerY+19return false}function hidemenu(){ if (enableeffect)dropmenu03.filters.revealTrans.stop()dropmenu03.style.visibility="hidden"}function hidemenu2(){ document.dropmenu03.visibility="hide"}if (document.layers){ document.dropmenu01.document.dropmenu02.captureEvents(Event.CLICK)document.dropmenu01.document.dropmenu02.οnclick=dropit}else if (document.all)document.body.οnclick=hidemenu</script><div id="dropmenu03" style="position:absolute;left:0;top:0;layer-background-color:seashell;background-color:seashell;width:100;visibility:hidden;border:1px solid black;padding:0px"><script language="JavaScript1.2">if (document.all)dropmenu03.style.padding='4px'for (i=0;i<selection.length;i++)document.write(selection[i])</script></div><script language="JavaScript1.2">if (document.layers){ document.dropmenu03.captureEvents(Event.CLICK)document.dropmenu03.οnclick=hidemenu2}</script></body>
</html>