CSS/HTML

梦幻式下拉菜单

互联网 2006-08-08CSS/HTML1629

A {TEXT-DECORATION: none}A:hover {COLOR: #ff9900; TEXT-DECORATION: underline}TD {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}TH {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}BODY {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}#mnu {FILTER: revea...

<P><STYLE type=TEXT/CSS>A {TEXT-DECORATION: none}A:hover {COLOR: #ff9900; TEXT-DECORATION: underline}TD {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}TH {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}BODY {FONT-SIZE: 9pt; LINE-HEIGHT: 13pt}#mnu {FILTER: revealTrans(Duration=1.5,Transition=12) visibility:hide}</STYLE></P>
<P><SCRIPT>function set_mnu(){if (mnu.style.visibility=="hidden"){//产生效果和把图层显示mnu.filters.revealTrans.apply();mnu.style.visibility="visible";mnu.filters.revealTrans.play();}else{//隐藏图层和停止效果播放mnu.filters.revealTrans.stop();mnu.style.visibility="hidden" ;}} </SCRIPT></head></P>
<P>　<table border="1" width="13%" bordercolorlight="#000000" bordercolordark="#FFFFFF" bordercolor="#EFEFEF" cellspacing="0"><tr><td width="100%"><p align="center"><A href="javascript:set_mnu(mnu);">显示菜单</A></td></tr></table><DIV id=mnu style="HEIGHT: 10px; LEFT: 1px; POSITION: relative; TOP: 1px; VISIBILITY: hidden; WIDTH: 93px; Z-INDEX: 1"><TABLE border=0 cellPadding=2 cellSpacing=4 width="100%"><TBODY><TR ><TD align="center" style="border: 1 solid #000000">测试一</TD></TR><TR ><TD align="center" style="border: 1 solid #000000"><a href="#">测试一</a></TD></TR><TR ><TD align="center" style="border: 1 solid #000000"><a href="#">测试一</a></TD></TR><TR ><TD height=13 align="center" style="border: 1 solid #000000"><A href="javascript:window.location='view-source:'+window.location.href" onclick="window.location='view-source:'+window.location.href">查看源文件</A></TD></TR></TBODY></TABLE></DIV></P>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

很赞哦！()