动态菜单效果

最新推荐文章于 2023-02-07 22:50:40 发布

zl198183

最新推荐文章于 2023-02-07 22:50:40 发布

阅读量841

点赞数

分类专栏： html特效文章标签： javascript function filter border table 脚本

本文链接：https://blog.csdn.net/zl198183/article/details/513487

版权

html特效专栏收录该内容

26 篇文章 0 订阅

订阅专栏

动态菜单效果

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

zl198183

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
动态菜单效果

动态菜单效果实例效果：点击此处按Ctrl键在框内单击鼠标左键即选择所有代码有很多网友都问这个效果是怎么做的，因为单独说起来很麻烦的,所以我在这里做个小小教程。原理是这样的：用javascript来给css中的Wave滤镜产生一个循环，检测Wave的freq（频率）值是否达到100，如果没达到，则+5，直到达到100。然后将这个JS用在鼠标事件上。下面我们来看看动态菜单效果是怎样做的。第一步：在
复制链接

扫一扫