javascript - 没有jQuery的延迟下拉菜单

标签 javascript css drop-down-menu menu

你知道有哪些用纯 javascript 编写但不依赖于 jQuery 的下拉菜单脚本吗?

我知道如何用 CSS 实现这一点,但我还想添加一个漂亮的淡入淡出效果,让它在鼠标离开菜单后等待 1 秒,如果鼠标没有回到菜单内则关闭它菜单区域。

我想我可以使用 CSS“transition”属性实现淡入淡出效果,但我不知道如何在 mouseOut 上添加延迟

最佳答案

我喜欢这个,它只有 1.2 KB,代码修改起来很简单:

http://www.scriptiny.com/2008/11/drop-down-menu/

您可以通过修改“t”变量来更改时间。

关于javascript - 没有jQuery的延迟下拉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11437171/

相关文章:

javascript - JQuery SlideDown() 延迟了单词的后半部分

javascript - 如果选中或取消选中页面上的任何复选框,是否更改图像?

javascript - 为什么 vue.js 组件在第一次尝试时不显示获取的数据?

wordpress - 左右浮动多个li

jquery:自定义选择框?

jquery - 单击打开的菜单时,菜单内容仅显示 50% 的时间

javascript - 智能向导不加载第一步

html - 将一些字段从表单向右移动

javascript - 限制下拉列表的范围

php - 图标未在实时服务器上显示