梦幻式下拉菜单

所属分类：网络编程 / CSS/HTML 阅读数： 588

收藏 0赞 0分享

<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需再刷新一下页面才能执行]

更多精彩内容其他人还在看

梦幻式下拉菜单

IE 5.x/Win 和模型bug

各浏览器padding、margin的差异

IE浮动边界BUG延伸探讨

[转]目前找到的最好的Iframe自适应高度代码

Web Safe Color Pallette

网站制作之网页技巧

http状态码一览表

从Table向Css过渡的优缺点比较

不用float实现div模块居中布局

解决列高度自适应(相同)的五种方法

网络赚钱

站长故事