下拉式导航菜单(慢慢隐现有点爽）

『更新时间：2002-9-15 』『字体：变小变大』『作者：未知 | 来源：网络』

把如下代码加入<body>区域中:
脚本说明: 第一步:把如下代码加入区域中 
<STYLE>
<!--
#iewrap{
position:relative;
height:30px
}

#iewrap2{
position:absolute
}

#dropmenu03{
filter:revealTrans(Duration=1.5,Transition=12)
visibility:hide
}
-->
</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=宋体><A href="#">点这里看本站栏目</A></FONT> </SPAN></SPAN></LAYER></ILAYER>
<SCRIPT language=javascript><!--
var enableeffect=true

//将如下数组修改成你自己的。
var selection=new Array()
selection[0]='<font face="宋体"><a href="time1.htm">本站首页</a></font><br>'
selection[1]='<font face="宋体"><a href="time2.htm">My求职信</a></font><br>'
selection[2]='<font face="宋体"><a href="time3.htm">网上赚钱</a></font><br>'
selection[3]='<font face="宋体"><a href="ye1.htm">免费资源</a></font><br>'
selection[4]='<font face="宋体"><a href="ye2.htm">免费资源</a></font><br>'
selection[5]='<font face="宋体"><a href="ye3.htm">免费资源</a></font><br>'
selection[6]='<font face="宋体"><a href="ye4.htm">免费资源</a></font><br>'
selection[7]='<font face="宋体"><a href="zh5.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.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="BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: black 1px solid; PADDING-LEFT: 0px; LEFT: 10px; VISIBILITY: hidden; PADDING-BOTTOM: 0px; BORDER-LEFT: black 1px solid; WIDTH: 100px; PADDING-TOP: 0px; BORDER-BOTTOM: black 1px solid; POSITION: absolute; TOP: 0px; BACKGROUND-COLOR: seashell; layer-background-color: seashell">
<SCRIPT language=JavaScript1.2>
if (document.all)
dropmenu03.style.padding='6px'
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>

【点击数：】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

下拉式导航菜单(慢慢隐现有点爽）

相关文章

网友评论