动态菜单效果

首页 ┆ 建站教程 ┆ 源码中心 ┆ 网站建设与网上创业 ┆ 处世绝学 ┆ 炫彩Qzong ┆ 游客留言 ┆ 在线日历 ┆ QQ诱惑

您当前的位置：海鸿源码网 → 建站教程 → div+Css → 建站内容

退出登录

用户管理

本类热门文章

海鸿源码网推荐

动态菜单效果

作者：佚名来源：本站整理发布时间：2007-10-22 21:17:12

减小字体增大字体

实例效果：点击此处
按Ctrl键在框内单击鼠标左键即选择所有代码

有很多网友都问这个效果是怎么做的，因为单独说起来很麻烦的,所以我在这里做个小小教程。原理是这样的：用javascript来给css中的Wave滤镜产生一个循环，检测Wave的freq（频率）值是否达到100，如果没达到，则+5，直到达到100。然后将这个JS用在鼠标事件上。下面我们来看看动态菜单效果是怎样做的。

第一步：在<head>与</head>之间插入以下JS：
<script language="JavaScript"> function high(which2){theobject=which2 highlighting=setInterval("highlightit(theobject)",100)} function low(which2){clearInterval(highlighting)which2.filters.wave.freq=0 which2.filters.wave.enabled=0} function highlightit(cur2){cur2.filters.wave.enabled=1 if (cur2.filters.wave.freq>-1) cur2.filters.wave.freq+=5 else if(window.highlighting) clearInterval(highlighting)} </script>

第二步：把下面的脚本插入<body>与</body>之间：

[] [返回上一页] [打印]

建站评论 （评论内容只代表网友观点，与本站立场无关！）

关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 -