CSS伪类和jQuery动画?

时间:2011-02-01 22:04:17

标签: jquery css

我想使用CSS:hover伪类来控制悬停下拉列表。那已经完成了。然而,棘手的部分是动画下拉动画。我想要依赖jQuery让菜单显示出来,它应该可以完美地工作(尽管没有淡入淡出的动画),关闭JS。有没有办法'挂钩'进入CSS:悬停,而是运行一些jQuery(淡入菜单,然后悬停),如果JS打开?

3 个答案:

答案 0 :(得分:5)

非常粗略地说,你有<ul class="css-hovers">

然后在jquery $('ul').removeClass('css-hovers').addClass('js-hovers'); - 所以css和js徘徊不会同时运行..

并添加你的jquery悬停: $('ul.js-hovers').hover(function () { ... etc - see Darko Z's answer

答案 1 :(得分:0)

使用jQuery很容易实现。请查看此文档:http://api.jquery.com/hover/

请记住在JS / jQuery可用时禁止CSS悬停

答案 2 :(得分:0)

看看Superfish jQuery plugin,它只是为标准的suckerfish CSS菜单系统增加了一些奇特的动画和hoverIntent支持。您可以将其放入其他内容或继续学习其他内容,以了解其工作原理。