javascript高亮显示的问题！

<script>
 var o=document.getElementById(maId).getElementsByTagName(a);
 for(var i=0;i<o.length;i++){
 var oldcolor=o[i].style.color;
  o[i].onclick=function(){
  for(var j=0;j<=o.length;j++){
   this.style.color=red;
    if(i!=j)o[j].style.color=oldcolor;
    }
  }
 }
 
</script>

jquery当前选中高亮问题

首先，HTML部分的标签嵌套是错误的，这是不符合W3C标准的写法，<ul>标签的下一级只能是<li>标签而不能是其它，另外块元素的<li>标签不能嵌套在行内元素<a>标签内。正确的HTML代码应是：

<div class=nav>
   <ul id=Nav> <!-- 加了一个id属性，为后面js做准备 -->
      <li class=active>
          <a href=index.asp><span class=STYLE2>首 页</span></a>
      </li>
      <li>
          <a href=about.asp?id=229><span class=STYLE2>关于我们</span></a>
      </li>
      <li>
          <a href=tczx_view.asp?id=659><span class=STYLE2>套餐装修</span></a>
      </li>
      <li>
          <a href=pic.asp?lmid=83><span class=STYLE2>网上展厅</span></a>
      </li>
      <!-- 以下部分省略 -->
   </ul>
</div>这样改后，CSS方面要调整下，使其符合你的预期效果：

.active {background:#000}
.nav li {height:40px} /* 为导航菜单下的li标签设置高度（此处假设为40px） */
.nav a {display:block; height:100%} /* 让导航菜单下的a标签占满整个li标签 */最后是javascript部分（使用jQuery）：
$(document).ready(function(){         
    $(#Nav > li).find(a).click(function(){
        $(#Nav).find(li).removeClass(active);
        $(this).parent(li).addClass(active);
    });
});

Tags：高亮   选中   当前

转载：感谢您对半点优化网(www.bdxc.net)网站的认可以及对作品的青睐，欢迎各位朋友分享到个人网站或朋友圈。转载请说明文章出处“半点优化网”。/wzjs/39824.html

很赞哦！ ()