<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: "隸書(shū)"; font-size: 12pt; text-decoration: none}
a { font-family: "隸書(shū)"; font-size: 12pt; text-decoration: none}
-->
</style>
<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="隸書(shū)">
<a href="http;/">網(wǎng)站鏈接</a></font> 
</span>
</span>
</layer>
</ilayer>
<script language="JavaScript">
var enableeffect=true<!--是否顯示效果-->
var selection=new Array()<!--定義數(shù)組變量-->
selection[0]='<font face="隸書(shū)"><a href="http://www.tom.com">TOM</a></font><br>';
selection[1]='<font face="隸書(shū)"><a href="http://www.sina.com">新浪</a></font><br>';
selection[2]='<font face="隸書(shū)"><a href="http://www.sohu.com">搜狐</a></font><br>';
selection[3]='<font face="隸書(shū)"><a href="http://www.nba.com">NBA</a></font><br>';




function dropit2(){
if (document.all){<!--對(duì)于ie瀏覽器-->
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"){<!--如果當(dāng)前下拉菜單為隱藏-->
if (enableeffect)<!--如果允許顯示效果-->
dropmenu03.filters.revealTrans.apply()<!--應(yīng)用顯示效果-->
dropmenu03.style.visibility="visible"<!--設(shè)置下拉菜單可視-->
if (enableeffect)<!--如果允許顯示效果-->
dropmenu03.filters.revealTrans.play()<!--開(kāi)始播放效果-->
}
else{<!--否則當(dāng)前下拉菜單為顯示狀態(tài)-->
hidemenu()<!--隱藏下拉菜單-->
}
}
}
function dropit(e){
if (document.dropmenu03.visibility=="hide")<!--如果當(dāng)前下拉菜單為隱藏狀態(tài)-->
document.dropmenu03.visibility="show"<!--切換到顯示狀態(tài)-->
else<!--如果當(dāng)前下拉菜單為顯示狀態(tài)-->
document.dropmenu03.visibility="hide"<!--切換到隱藏狀態(tài)-->
document.dropmenu03.left=e.pageX-e.layerX<!--設(shè)置下拉菜單的左邊界-->
document.dropmenu03.top=e.pageY-e.layerY+19<!--設(shè)置下拉菜單的上邊界-->
return false
}

function hidemenu(){
if (enableeffect)<!--如果效果顯示被允許-->
dropmenu03.filters.revealTrans.stop()<!--將效果停止-->
dropmenu03.style.visibility="hidden"<!--同時(shí)菜單隱藏-->
}

function hidemenu2(){
document.dropmenu03.visibility="hide"<!--直接將菜單隱藏-->
}

 if (document.all)
document.body.onclick=hidemenu<!--ie瀏覽器中的事件映射函數(shù)-->
</script>
<div id="dropmenu03" style="position:absolute;left:0;top:0;layer-background-color:#E0E0E0;background-color:#E0E0E0;width:60;visibility:hidden;border:1px solid black;padding:0px">
<script language="JavaScript">
if (document.all)<!--對(duì)于ie瀏覽器-->
dropmenu03.style.padding='4px'<!--設(shè)置格式中的象素-->
for (i=0;i<selection.length;i++)
document.write(selection[i])<!--依次顯示每一個(gè)菜單鏈接-->
</script>
</div>




<!--本例程實(shí)現(xiàn)了爆炸式菜單鏈接-->
<!--動(dòng)態(tài)菜單的實(shí)現(xiàn)方法-->
<!--統(tǒng)一格式的具體實(shí)現(xiàn)-->
<!--程序?qū)Σ煌瑸g覽器的支持-->
<!--鼠標(biāo)事件的響應(yīng)-->