CSS僞類和jQuery動畫？

Question

我想使用CSS的：懸停僞類來控制懸停下拉。這已經完成了。然而，棘手的部分是動畫下拉。我做不是想要依靠jQuery使菜單顯示出來，它應該在JS關閉的情況下完美地工作（儘管沒有淡入淡出的動畫）。有沒有辦法'掛鉤'到CSS的：懸停，而是運行一些jQuery（淡入菜單，並懸停出），如果JS打開？

Answer 1

很不客氣，說你有<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

Answer 2

這很容易用jQuery來完成。只要看看這個文檔：http://api.jquery.com/hover/

只記得抑制CSS懸停時JS/jQuery是可用

Answer 3

看看Superfish jQuery plugin，它只是給標準的suckerfish CSS菜單系統增加了一些奇特的動畫和hoverIntent支持。您可以將其放入其中，然後繼續閱讀其他內容，或者查看源代碼以瞭解其工作原理。