梦幻式下拉菜单

278 查看

<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>
</p>
<p>　
</p><table border="1" bordercolor="#EFEFEF" bordercolordark="#FFFFFF" bordercolorlight="#000000" cellspacing="0" width="13%">
<tr>
<td width="100%">
<p align="center"><a href="#">显示菜单</a>
</p></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 align="center" height="13" style="border: 1 solid #000000"><a href="#" onclick="window.location='view-source:'+window.location.href">查看源文件</a></td></tr>
</tbody>
</table>
</div>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

最近更新的内容

CSS Gradient详解
JS核心系列：浅谈 call apply 与 bind
JS核心系列：浅谈原型对象和原型链
利用bootstrap的modal组件自定义alert，confirm和modal对话框
前端工程师是怎样一种职业
详解Javascript中的Object对象
JavaScript 开发最佳实践
谈笑风生组件化
彻底理解js中this的指向
javascript 作用域和 this 关键字

你可能感兴趣的文章

6本值得一读的JavaScript英文电子书
在JavaScript中一切都是对象吗？
使用 SVG 输出 Octicon
如何压缩 HTTP 请求正文
谈谈 HTTP/2 的协议协商机制
console对象–详解
HTTP 412 错误 – 先决条件失败 (Precondition failed)
CSS vs JS动画：谁更快？
调试时屏蔽JavaScript库代码 –Chrome DevTools Blackbox功能介绍
Web开发者色彩搭配快速指南

2024 - 快车库 - 我的知识库重庆启连科技有限公司渝ICP备16002641号-10
企客连连表单助手企服开发榜单123