突出显示菜单项

Question

我有一个垂直菜单和IFrame的母版页。在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是所选择的链接