English
<!-- http://www.downcodes.com --> <!-- bbs http://www.downcodes.com/bbs--> <!--To complete this effect, two steps are required. The first step : Add the following code to the <head> area --> <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: 9pt; text-decoration: none} --> </style> <!--Step 2: Add the following code to the <body> area --> <iler 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="#">This site column</a></font> </span> </span> </layer> </ilayer> <script language="JavaScript1.2"> var enableeffect=true var selection=new Array() selection[0]='<font face="宋体"><a href="index1.htm">LINK1</a></font><br>' selection[1]=' <font face="宋体"><a href="index2.htm">LINK2</a></font><br>' selection[2]='<font face="宋体"><a href=" index3.htm">LINK3</a></font><br>' selection[3]='<font face="宋体"><a href="index4.htm">LINK4</a></font ><br>' selection[4]='<font face="宋体"><a href="index5.htm">LINK5</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.offsetX dropmenu03.style.top=document.body.scrollTop +event.clientY-event.offsetY+18 if (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" else document.dropmenu03 .visibility="hide" document.dropmenu03.left=e.pageX-e.layerX document.dropmenu03.top=e.pageY-e.layerY+19 return 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.onclick=dropit } else if (document.all) document.body.onclick=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.onclick=hidemenu2 } </script>