2
我想使用CSS的：懸停僞類來控制懸停下拉。這已經完成了。然而，棘手的部分是動畫下拉。我做不是想要依靠jQuery使菜單顯示出來，它應該在JS關閉的情況下完美地工作（儘管沒有淡入淡出的動畫）。有沒有辦法'掛鉤'到CSS的：懸停，而是運行一些jQuery（淡入菜單，並懸停出），如果JS打開？CSS僞類和jQuery動畫？
A
回答
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
0
這很容易用jQuery來完成。只要看看這個文檔：http://api.jquery.com/hover/
只記得抑制CSS懸停時JS/jQuery是可用
+0
這就是問題，但我完全知道.hover（），我需要弄清楚如何抑制CSS懸停。 – Gavin 2011-02-01 22:33:46
0
看看Superfish jQuery plugin，它只是給標準的suckerfish CSS菜單系統增加了一些奇特的動畫和hoverIntent支持。您可以將其放入其中，然後繼續閱讀其他內容，或者查看源代碼以瞭解其工作原理。
相關問題
- 1. CSS懸停僞類和畫布交互？
- 2. CSS邊框和：懸停動態僞類
- 3. jQuery效果，動畫和CSS
- 4. jquery和css中的動畫？
- 5. jquery動畫和CSS位置
- 6. CSS動畫與JQuery動畫
- 7. 使用Jquery和'.css'的CSS動畫
- 8. iFrame Css僞類
- 9. Css動畫不透明關於：僞類後
- 10. jQuery的：CSS動畫
- 11. jQuery的+ CSS動畫
- 12. 在jQuery中重新創建CSS僞類
- 13. CSS僞類後備？
- 14. CSS中的僞類
- 15. 多個CSS僞類
- 16. CSS僞類組合
- 17. jQuery scrollTop幾個CSS和動畫變化
- 18. Jquery toggleClass和CSS的動畫div寬度
- 19. jquery循環和css webkit動畫
- 20. 動畫jQuery和css滑塊按鈕
- 21. 無限元素動畫與jQuery和css
- 22. 用css和jquery圓圈動畫
- 23. jQuery動畫和CSS保證金
- 24. jQuery Sequential CSS動畫與.wait和.animate
- 25. jQuery的CSS和動畫功能效率
- 26. jQuery的動畫和CSS工作間歇
- 27. jQuery的幫助與CSS（）和動畫（）
- 28. jQuery的僞類
- 29. CSS a：活動僞類不工作
- 30. React和CSS動畫
@zach - 這正是我的想法。 – jlmakes 2011-02-02 04:26:49