有没有办法延迟:悬停事件而不使用javascript?我知道有一种方法来延迟动画,但我没有看到任何延迟:Hover事件。
已编辑…
对不起,我应该包括这一开始…我正在建立一个吸吮鱼儿像菜单。我想模拟什么hoverIntent没有添加额外的JS权重。我宁愿把这个作为一个渐进的增强,而不是使JS的要求使用菜单。
更新
这里是最后的代码… http://jsfiddle.net/aEgV3/
感谢所有的帮助!
解决方法
好吧..你可以使用过渡来延迟:hover效果你想要的,如果效果是基于CSS …
例如
div{ transition: 0s background-color; } div:hover{ background-color:red; transition-delay:1s; }
这将延迟应用悬停效果(在这种情况下为背景颜色)一秒钟。
演示延迟在http://dabblet.com/gist/1498443悬停开和关
演示延迟只有在http://dabblet.com/gist/1498446悬停
Vendor Specific Extentions for Transitions和W3C CSS3 transitions