2012-01-17 18 views
0

jQueryベースのメニューを実装するためのチュートリアルthisが出ました。完璧に動作していますが、リンクごとに異なる色のボタンを使用できるかどうかは疑問です。各リンクには異なる色のボタンがあります。どのように私はこれを達成することができますか?ここまで私の作品を見ることができます。私は各ボタンごとに3つの異なるスクリプトを作ってCSSで3つの異なるクラスを作ってみましたが、うまくいかなかったのです。あなたが変更するために必要なものをjQueryメニューホバー効果

答えて

0

これを行うだけで簡単です。それはあなたに問題を起こしている場合は、jQueryの代わりにあなたのCSSでそれを行います。

#id_name:hover 
{ 
    background:url(hover-image.png); 
} 
+0

を参照してください。私は同じjQuery効果を得ることができますか?そしてHTMLでは '

  • 'でしょうか?私のソース[here](http://xeenat.com/lima/) – mapr

    +0

    あなたがslideDown、sildeUp、fadeInなどの特定のエフェクトを取得しようとしている場合は、jQueryを使用します。あなたのコードをここに貼り付けると、片方のhtmlともう片方のjqueryとを貼り付けると、私はあなたのためにそれを並べ替えることができます – theDazzler

    +0

    申し訳ありません、ここはjsFiddleです - http: //jsfiddle.net/beekay/U8EHA/ – mapr

    0

    は、お好みの色の別の画像で、通常のメニュー

    ため

    .hoverMenu, .hoverMenu:visited, .selectedMenu, .selectedMenu:visited 
    
    ホバーのための

    .normalMenu, .normalMenu:visited 
    

    、このセレクタのCSSにありました。

    +0

    あなたは、それぞれのクラスに2つずつ追加する必要があると言っていますか? '.hoverMenu2、.hoverMenu2:visited、.selectedMenu2、.selectedMenu2:visited'、' .normalMenu2、.normalMenu2:visited'のように? – mapr

    +0

    いいえ、クラスはすでにCSSにあります。それを探して背景のプロパティを変更するだけです – XepterX

    +0

    うーん。私が持っています。現在、[ここ](http://xeenat.com/lima/)が表示されます。しかし、私は2番目のリンクには別の色を、3番目のリンクには別の色を使いたい。今のところ、設定の種類がありますが、私は青色の色を1つしか持てません。 – mapr