动态菜单效果

穆正祥

2023-12-01

动态菜单效果

实例效果：点击此处
按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>之间：

动态菜单效果

相关阅读

相关文章

相关问答

相关文档