<style>
body,td,a {font-size:9pt;color:black;text-decoration:none}
.normal {padding:2px}
.up {padding:1px;border:#999999 1px solid;background:#cccccc}
.down {padding:1px;border:dbdbdb 1px solid;background:dbdbdb}
</style>
<body onmousemove="move()">
<div style="position:absolute;z-index:1;width:1;height:1; left: 100; top: 100" id=plane onmousedown="down=true;divleft=event.clientx-parseint(plane.style.left);divtop=event.clienty-parseint(plane.style.top)" onmouseup="down=false">
<table id="td123" cellspacing=2 width=100 border=0 style="border:#999999 1px solid;cursor:hand" cellpadding="0" bgcolor="f4f4f4">
<tr>
<td bgcolor="#cccccc" height="20" style="border:#999999 1px solid;cursor:move">
<div align="center">透明的菜单</div>
</td>
</tr>
<tr>
<td class=normal onmousedown="this.classname='down'"
onmouseover="this.classname='up',high(this),menu1.style.visibility='visible'" onmouseout="this.classname='normal',low(this),menu1.style.visibility='hidden'" style="filter:alpha(opacity=50)"onmouseup="this.classname='up'" >
<div align="right">有下级菜单>></div>
</td>
</tr>
<tr>
<td class=normal onmousedown="this.classname='down'"
onmouseover="this.classname='up',high(this),menu2.style.visibility='visible'" onmouseout="this.classname='normal',low(this),menu2.style.visibility='hidden'" style="filter:alpha(opacity=50)"onmouseup="this.classname='up'" >
<div align="right">有下级菜单>></div>
</td>
</tr>
<tr>
<td class=normal onmousedown="this.classname='down'"
onmouseover="this.classname='up',high(this)" onmouseout="this.classname='normal',low(this)" style="filter:alpha(opacity=50)"onmouseup="this.classname='up'">
<div align="right">无下级菜单>></div>
</td>
</tr>
<tr>
<td class=normal onmousedown="this.classname='down'"
onmouseover="this.classname='up',high(this)" onmouseout="this.classname='normal',low(this)" style="filter:alpha(opacity=50)"onmouseup="this.classname='up'">
<div align="right">无下级菜单>></div>
</td>
</tr>
</table>
<script language="javascript">
<!--
function flashit(){
if (!document.all)
return
if (td123.style.bordercolor=="#666666")
td123.style.bordercolor="#999999"
else
td123.style.bordercolor="#666666"
}
setinterval("flashit()", 500)
//-->
</script>
<script language="javascript">
<!--
function high(image)
{
theobject=image
highlighting=setinterval ("highlightit(theobject)",100)
}
function low(image)
{
clearinterval(highlighting)
image.filters.alpha.opacity=50
}
function highlightit(cur2)
{
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=20
else if (window.highlighting)
clearinterval (highlighting)
}
//-->
</script>
<script>
var over=false,down=false,divleft,divtop;
function move(){
if(down){
plane.style.left=event.clientx-divleft;
plane.style.top=event.clienty-divtop;
}
}
</script>
Menu[1]
[入库：2005年8月18日] [更新：2007年3月25日]
本文简介：选择自 skimeister 的 blog
本文关键：Menu
本站最佳浏览方式为 分辨率 1024x768 IE 6.0（或更高版本的 IE浏览器）
