非常漂亮的一个菜单脚本,代码也不复杂,用透明渐变来实现,渐变的速度可调。
制作方法: 在页面<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属性代码: <DIV id=LayerMenu style="DISPLAY: none; Z-INDEX: 1; FILTER: alpha(opacity=0); POSITION: absolute; "> 在超链接处,添加代码: <A href="#" onclick=MenuClick()>点击</A> 透明渐变弹出菜单的特效就制作完成了!
|