当前页面: 开发资料首页 → Javascript 专题 → 透明渐变弹出菜单的制作

透明渐变弹出菜单的制作

摘要: 透明渐变弹出菜单的制作

<tr> <td> 非常漂亮的一个菜单脚本，代码也不复杂，用透明渐变来实现，渐变的速度可调。

制作方法：
在页面<head>~</head>中加入代码：
<script language=javascript>
var intDelay=30; //设置菜单显示速度，越大越慢
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<100) 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>
代码中，var intDelay=30;为菜单渐隐速度，数值越大越慢。
插入图层，并设置Diy属性代码：