| 透明渐变弹出菜单的制作 |
|
作者：佚名 文章来源：it365cn 点击数： 更新时间：2004-9-8 0:23:51  |
|
点 击 预 览 效 果 页 面...... 非常漂亮的一个菜单脚本，代码也不复杂，用透明渐变来实现，渐变的速度可调。
制作方法：
在页面<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>
透明渐变弹出菜单的特效就制作完成了！
|
| 文章录入：admin 责任编辑：admin |
|
上一篇文章： 超酷链接效果 Flame text
下一篇文章： 制作自动关闭的窗口 |
| 【字体：小 大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】 |
用户登录 
新用户注册 
网友评论：（只显示最新10条。评论内容只代表网友观点，与本站立场无关！）
