日期:2014-05-16  浏览次数:20316 次

导航点击背景颜色
<UL>
  <LI><A class="bianse" href="a.aspx">导航一</A> </LI>
  <LI><A href="b.aspx">导航二</A> </LI>
  <LI><A href="c.aspx">导航三</A> </LI>
</UL


class=bianse是控制变色的
点击哪个导航就变色 其他的还原
菜鸟求帮助

------解决方案--------------------
加个css就好了

<style type="text/css">
    a:link,a:visited {
        background-color:red;
    }
    a:hover,a:active {
        background-color:blue;
    }
</style>


具体颜色可以自己改下 

另外提一下  html标签用大写是什么习惯?
------解决方案--------------------
<style type="text/css">
ul li{ width:60px; height:20px; background:#CCC; color:#000;}
ul li a{ width:60px; height:20px; display:inline-block;}
ul li.cur{ background:#EEE;}
</style>
<script type="text/javascript">
$(function(){
$("ul li").click(function(){
$(this).addClass("cur").siblings().removeClass("cur");
})
})
</script>
楼主的结束标签没写完整
------解决方案--------------------

$(function(){
  $("ul li").click(function(){
$(this).find("a").addClass("bianse");
$(this).siblings().find("a").removeClass("bianse");
  });
})
/*你的样式在a标签里面不是在li里面*/

------解决方案--------------------
点击超链接 跳转  不需要用js
你直接在那页面上加class就可。
------解决方案--------------------
引用:
点击超链接 跳转  不需要用js
你直接在那页面上加class就可。

这个正解,你改变当前的也没用,页面是要跳转的
------解决方案--------------------
if(document.href=axxxxxx){
elem.addclass(xxxx)
}
------解决方案--------------------
通过分析url地址得到页面,然后和dom的a比较下href就知道是那个a得到焦点了

<UL id="ulGuider">
  <LI><A class="bianse" href="a.aspx">导航一</A> </LI>
  <LI><A href="b.aspx">导航二</A> </LI>
  <LI><A href="c.aspx">导航三</A> </LI>
</UL>

<style>
a.focus{background:#ff0000;color:#ffffff;}
</style>
<script>
    var pn = location.p