jQuery代码: $(".menu a").click(function(){
var j=$(".menu a").index(this)
   $(".menu a").each(function(i){
if(i==j){
$(this).toggle(
function(){
$(this).addClass("col")
},
function(){
$(this).addClass("col")
}
)
}else{
  $(this).removeClass() 
}   
   })
   
})html代码:<div class="menu">
  <ul>
    <li><a href="index03.html">首 页</a></li>
    <li><a href="index03.html">关于集团</a></li>
    <li><a href="index03.html">道达尔在中国</a></li>
    <li><a href="index03.html">职业生涯</a></li>
    <li><a href="index03.html">企业社会责任</a></li>
    <li><a href="index03.html">新生和刊物</a></li>
  </ul>
</div>当单击某一个链接时,就给它添加一个背景色,这效果在IE浏览器下没问题,可在火狐浏览器下没反应,上面的jQuery代码怎么样写才能实现兼容?

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    <html>
    <head>
    <style>
    <style type="text/css">
    a {
     background:red;
    }
    a:link{
     background:yellow;
    }
    a:visited:{
     background:black;
    }
    a:hover {
     background:blue;
    }
    a:active, a:focus{
     background:#ff00ff;
    }
    </style>
    <head>
    <body>
    <div><a href="javascript:void(0)">aaa</a></div>
    <div><a href="javascript:void(0)">ccc</a></div>
    <div><a href="javascript:void(0)">ddd</a></div>
    <div><a href="javascript:void(0)">vvv</a></div>
    </body>
    </html>
    这个没有js,就是css的
      

  2.   

    楼上的不好意思,我要用jQuery实现
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
      <script src = "http://jqueryjs.googlecode.com/files/jquery-1.2.6.min.js" language = "javascript"></script>
      <style>
      .col{background:red}
      </style>
     </HEAD> <BODY>
      <div class="menu">
      <ul>
      <li><a href="javascript:void(0);">首 页</a></li>
      <li><a href="javascript:void(0);">关于集团</a></li>
      <li><a href="javascript:void(0);">道达尔在中国</a></li>
      <li><a href="javascript:void(0);">职业生涯</a></li>
      <li><a href="javascript:void(0);">企业社会责任</a></li>
      <li><a href="javascript:void(0);">新生和刊物</a></li>
      </ul>
    </div><SCRIPT LANGUAGE="JavaScript">
    <!--
    var lstIndex = -1 ;
    $(".menu a").click(function(i){
    $(this).addClass("col");
    if(lstIndex != -1)
    {
    $(".menu a").eq(lstIndex).removeClass() ;
    } lstIndex = $(".menu a").index($(this));
    //此处跳转
    // window.location.href = ...     })
    //-->
    </SCRIPT>
     </BODY>
    </HTML>