用js实现，当点击菜单中的某一项时，有背景色出现。

<head>
<meta charset="utf-8">
<title>nav_index</title>
<style type="text/css">
ul{ width:960px; height:32px; line-height:32px; margin:0 auto; background-color:#0066FF; font-size:12px;}
ul li{ float:left;width:100px; text-align:center; list-style:none;}
ul li a{display:block; color:#fff; text-decoration:none;}
ul li a:hover{background-color:#0099FF;}
ul .current_nav{ background-color:#0099FF; color:#fff;}
</style>
</head><body>
<ul id="nav_u3">
<li class="current_nav"><a href="#">网站首页</a></li>
    <li><a href="product.html">产品展示</a></li>
    <li><a href="#">新闻资讯</a></li>
    <li><a href="#">联系我们</a></li>
</ul><script>
window.onload=function(){
var _ul = document.getElementById("nav_u3");
_ul.getElementsByTagName("li")[nav_index].className="current_nav";
}
</script>
</body>点击“产品展示”，到product.html页面时，产品展示有背景色，其他导航没有。
_ul.getElementsByTagName("li")[nav_index].className="current_nav";    这个[nav_index]起什么作用？

解决方案 »

  1.   

    <style type="text/css">
        ul{ width:960px; height:32px; line-height:32px; margin:0 auto; background-color:#0066FF; font-size:12px;}
        ul li{ float:left;width:100px; text-align:center; list-style:none;}
        ul li a{display:block; color:#fff; text-decoration:none;}
        ul li a:hover{background-color:#0099FF;}
        .current_nav{ background-color:#0099FF; color:#fff;}
    </style>
    <script type="text/javascript">
        window.onload=function(){
            var _ul = document.getElementById("nav_u3");
            var li=_ul.getElementsByTagName("li");
            var links=_ul.getElementsByTagName("a");
            for(var i=0;i<links.length;i++){
                links[i].index=i;
                links[i].onclick=function(){
                    for(var j=0;j<li.length;j++){
                         li[j].className=this.index==j?'current_nav':'';
                    }
                }
            }
        }
    </script>
      

  2.   

    楼主意思是根据当前访问的页面定位导航哪个链接获取焦点？    window.onload = function () {
            var pageName = /\/([a-z\d]+\.html)/.exec(location.href) //获取访问到的页面的名称，如果名称还包含其他字符，注意修改正则
            , s = document.getElementById("nav_u3").getElementsByTagName("a");
            if (pageName) {//存在，不是目录访问默认页
                pageName = pageName[1].toLowerCase();
                var as = document.getElementById("nav_u3").getElementsByTagName("a");
                for (var i = 0, j = as.length; i < j; i++)
                    if (as[i].getAttribute('href').toLowerCase().indexOf(pageName) != -1) {
                        as[i].parentNode.className = "current_nav";
                        break;
                    }
            }
            else as[0].parentNode.className = "current_nav";//默认则设置首页获得焦点
        }
      

  3.   

    if xxx.mousedown
    then xxx.bgcolor = 'red'ifxxx.mouseup
    then xxx.bgcolor = 'white'你这个话翻译成代码 很是显白