メニュー項目をハイライトする

Question

私は垂直メニューとIFrameを持つマスターページを持っています。私はメニューアイテムclick.i上のページを読み込んでいます。現在訪問しているページのメニュー内のリンクを強調表示する必要があります。達成この

Answer 1

次のコードは、あなたのお役に立てば幸いです：

はdocument.readyに次のjQueryのコードを記述し、メニュークリックで呼び出されます。

  $(document).ready(function() { 
      $('#nav ul li').click(function() { 
       $('#nav ul').children('li').removeClass(); 
       $(this).addClass('selected'); 
      }); 
      }); 

次のようにクラス定義は次のようになります。

  #nav .selected a{background:red;display:block} 

メニューセクションを参照してください：

  <div id="nav"> 
      <ul>  
       <li><a href="#">Home</a></li> 
       <li><a href="#">Blog</a></li> 
       <li><a href="#">About</a></li> 
      </ul> 
     </div> 

Answer 2

は、使用divタグ内

 <div onclick="highlightLink(this);" style="height:22px"> 
<a href="" class="menulinks">Customer</a> 
</div> 

を各リンクを追加次のjavascrip

<script language="javascript" type="text/javascript"> 

     var highlightLink = function() { 
      var active = null, Image = 'url("images/selectedmenubg.jpg"); width:183px; height:21;'; 
      if (this.attachEvent) this.attachEvent('onunload', function() { 
       active = null; 
      }); 
      return function (element) { 
       if ((active != element) && element.style) { 
        if (active) active.style.backgroundImage = ''; 
        element.style.backgroundImage = Image; 
        active = element; 
       } 
      }; 
     }(); 
     </script> 

selectedmenubg.jpgは、選択したリンク