透明渐变弹出菜单的制作


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

制作方法:
在页面<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="http://www.blue1000.com/article/#" onclick=MenuClick()>点击</A>
透明渐变弹出菜单的特效就制作完成了

本文作者:



相关阅读:
dos 文件删除 del命令
通过 MS SQL Server 访问注册表
PHP开发中四种查询返回结果分析
VirtualBox下共享文件设置(host linux)
图书管理程序(二)
PHP及Zend Engine的线程安全模型分析
实例分析之用ASP编程实现网络内容快速查找的代码
jQuery 树形结构的选择器
正则表达式在javascript中的几个实例2
利用索引提高SQL Server数据处理的效率
Sql 语句学习指南
HTML表格标记教程(40):表头的暗边框色属性BORDERCOLORDARK
讲解Oracle数据库自动增长列的实现过程
深度技术 GHOSTXP 电脑城克隆版 V7.0
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4