0

リストを作成する新しい方法を見つけましたが、いくつか問題があります...コードは次のとおりです。http： //jsfiddle.net/mstngsal67/GuE99/5/ 左側のメニューの理由を理解しようとしていますアイテムをクリックすると、その上にカーソルを置いた場合にのみ太字のままになります...離れると元に戻ります。私はcssで多くの異なることを試しましたが、何も機能しませんでした...代わりにjsでこれを行う必要がありますか？ここに私のコードの一部がありますが、jsfiddleに行くことはすべてを持っています...

<ul class="mainMenus"> 
<li onclick='showSubMenu("sm_item1")'>education 
      <ul class="subMenus" id="sm_item1" style="top:0px"> 
             <li><a href="careers.html"class="text7">careers</a></li> 
             <li><a href="careers.html"class="text7">careers</a></li> 
             <li><a href="careers.html"class="text7">careers</a></li> 
             <li><a href="careers.html"class="text7">careers</a></li> 
      </ul>

前もって感謝します！

4

2 に答える 2

0

別のCSSクラスを作成し、li要素がアクティブかどうかに関係なく（jQueryを使用して）オンとオフを切り替えることができます。

ここを見てみてください：

リンクjqueryをクリックするときにアクティブなliを変更します

于 2012-11-09T21:28:49.757 に答える
0

次の行が原因でホバーすると、最上位のリスト項目（Educationなど）が太字で表示されます。

.mainMenus li:hover { 
    font-size: 14px;
    font-weight: bold;
    color: #5e883c;
    font-family: arial;
}

リストアイテムがクリックされたかどうかは関係ありません。マウスを要素の上に置いている限り、リストアイテムは緑色で太字のままになります。さらに、サブメニューはトップレベルのリストアイテム内にあるため、サブメニューにカーソルを合わせると、トップレベルのリストアイテムにもカーソルを合わせることになります。

クリック後にトップレベルのリストアイテムを太字にする場合は、showSubMenu関数のトップレベルのリストアイテムにクラス名を追加する必要があります。

于 2012-11-09T21:30:27.427 に答える