滤镜效果--鼠标提示

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
<SCRIPT language="javascript">
var intDelay=1; //设置菜单显示速度,越大越慢
var intInterval=5;
function MenuClick()
{
if (LayerMenu.style.display=="")
{
GradientClose();
}
else{
LayerMenu.filters.alpha.opacity=0;
LayerMenu.style.display="";
GradientShow();
}
}

function GradientShow()
{
LayerMenu.filters.alpha.opacity+=intInterval;
if (LayerMenu.filters.alpha.opacity<90) setTimeout("GradientShow()",intDelay);
}

function GradientClose()
{
LayerMenu.filters.alpha.opacity-=intInterval;
if (LayerMenu.filters.alpha.opacity>0) {
setTimeout("GradientClose()",intDelay);
}
else {
LayerMenu.style.display="none";
}
}
</SCRIPT>
</head>
<body>
<A href="#" onClick="MenuClick()">点击</A><br>
<DIV id="LayerMenu" style="position:absolute;filter:alpha(opacity=70);BORDER-RIGHT: #006699 1px ridge; BORDER-TOP: #006699 1px ridge; DISPLAY: none; VISIBILITY: visible; BORDER-LEFT: #006699 1px ridge; BORDER-BOTTOM: #006699 1px ridge; BACKGROUND-COLOR: #f0ffff">
<table width="90%" id="main" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="bottom" nowrap align="left" width="100%" height="30"></td>
</tr>
<tr>
<td width="100%" colspan="4"><hr noshade size="1"></td>
</tr>
<tr valign="top">
<td align="left">
<p>测试javascript</p>
</td>
</tr>
</table></div>

</body>
</html>

你可能感兴趣的:(JavaScript,html,.net,Microsoft)