私は、CSSの:ホバー疑似クラスを使用して、ホバーのドロップダウンを制御したいと考えています。それは達成されました。しかし、トリッキーな部分は、そのドロップダウンをアニメーション化しています。私はではないメニューを表示するためにjQueryに依存したい、それは完全に(フェードアニメーションなしで)JSオフと動作するはずです。 JSがオンになっている場合、CSSの「フック」をホバーして代わりにいくつかのjQueryを実行する(メニューをフェードインし、ホバーアウトする)ことができますか?CSS疑似クラスとjQueryアニメーション?
2
A
答えて
5
利用可能になったときのCSSホバーを抑制することを忘れない - そうCSSそして、JSのホバーは...同時に
を実行して、あなたのjqueryのを追加する文句を言わないでホバリング: $('ul.js-hovers').hover(function() { ... etc - see Darko Z's answer
0
これはかなり簡単にjQueryで達成できます。ただ、このドキュメントを見て:http://api.jquery.com/hover/
はちょうどあなたがjqueryの$('ul').removeClass('css-hovers').addClass('js-hovers');
で、その後<ul class="css-hovers">
を持っていると言う、JS/jQueryのは非常に大まか
+0
しかし、私は完全に.hover()を認識していますが、CSSホバーを抑制する方法を正確に把握する必要があります。 – Gavin
0
Superfish jQuery pluginを見ると、標準的なsuckerfish CSSメニューシステムに魅力的なアニメーションとhoverIntentサポートが追加されているだけです。それをドロップしたり、他のものに移動したり、ソースがどのように動作するかを調べたりできます。
関連する問題
- 1. CSS疑似クラスのアニメーション
- 2. CSS:疑似クラスは
- 3. CSSの疑似クラス
- 4. CSS疑似クラス継承
- 5. jQuery複数疑似クラス
- 6. jQueryと隠れ:/後:疑似前のクラス
- 7. 追加:後続:有効CSS疑似クラス
- 8. HTML無効ボタン:アクティブなCSS疑似クラス
- 9. 前後のCSS疑似クラスを使用
- 10. タッチスクリーンのCSS疑似クラスの問題
- 11. CSS疑似クラスで混乱:アクティブ
- 12. CSS疑似クラス最後の子問題
- 13. 疑似クラスでのjquery問題
- 14. JQueryが疑似クラスにフェードする:ホバー
- 15. CSS CSSの疑似要素
- 16. CSS疑似クラスとJQuery視差効果がフリッカーを引き起こします
- 17. リストの疑似クラス
- 18. CSSで「疑似」とは何ですか?
- 19. CSS疑似セレクタとは何ですか?
- 20. jQueryを使用した疑似要素のアニメーション
- 21. 疑似要素または疑似クラスが無効
- 22. リンクの疑似クラスのテキスト装飾の後のCSS
- 23. CSS:ホバー疑似クラスが動作しない
- 24. CSSでnot()疑似クラスを使用する別の方法
- 25. カスタムCSS疑似クラスを作成できますか?
- 26. HTML5フォームテキストプレースホルダ - CSS疑似クラスを持っていますか?
- 27. ホバーを離れるためのCSS疑似クラス
- 28. CSSの前後に類似した疑似クラスがありますか?
- 29. jQueryとCSSアニメーション - バグアニメーション
- 30. jQueryには:CSS3に似た:target疑似クラスがありますか?
@zach - これはまさに私が考えていたものです。 – jlmakes
ニース!それを考えなければならないが、それは非常に効果的でリーンな解決策である。ありがとう! – Gavin