非常急的问题。

http://zj.jiadong.net.cn/rongcheng/
我要实现就是当鼠标点击头部的一个栏目的时候和现在的鼠标放上去的相同，
我想到用JS去做，但是我JS太差了，
大家帮我看下，
    <div class="nav">
     <ul>
         <li><a href="index.aspx">首 页</a></li>
            <li><a href="product.aspx">产品与应用</a></li>
            <li ><a href="FangAn.aspx">解决方案</a></li>
            <li><a href="news.aspx">新闻中心</a></li>
            <li><a href="service.aspx">售后服务</a></li>
            <li><a href="about.aspx">关于我们</a></li>
     </ul>
    </div>
    .nav{ height:24px; width:1002px; background:#333;}
.nav ul{width:1002px;}
.nav li{ width:167px; height:24px; line-height:24px; text-align:center; display:block; float:left;}
.nav li a{ background:#333; display:block; color:#FFF;}
.nav li a:hover{ background:#0078ff; color:#FFF;}

解决方案 »

  1.   

    就在A标签里加个onclick事件调用个改变样式的方法就行了啊
      

  2.   


     if(pagename=="index")
           {           
                  document.getElementById("pagename2").style="background:#0078ff;color:#FFF";                 
                  alert(document.getElementById("pagename2").style);
           }     
      

  3.   


    <ul>
             <li  style="" id="pagename1" onclick="change('index')"><a href="index.aspx">首 页</a></li>
                <li style="" id="pagename2" onclick="change('products')"><a href="product.aspx">产品与应用</a></li>
                <li  id="pagename3" onclick="change('projects')"><a href="FangAn.aspx">解决方案</a></li>
                <li  id="pagename4" onclick="change('news')"><a href="news.aspx">新闻中心</a></li>
                <li   id="pagename5" onclick="change('service')"><a href="service.aspx">售后服务</a></li>
                <li  id="pagename6" onclick="change('about')"><a href="about.aspx">关于我们</a></li>
         </ul>这个是我写的，
      

  4.   

    //利用jquery.js 网上很多
    <script src="jquery.js"/>//
    <script>
    $(document).ready(function(){
    $("a[_type=item]").bind(click,function(){//点击前链接$("a[_type=item]").removeClass("itemSel");//去除所有与鼠标放上去的相同样式的类
    this.className="itemSel";//设置当前样式与鼠标样式相同});
    });</script> 代码如下： <div class="nav">  <ul>  <li><a href="index.aspx" _type="item">首 页</a></li>  <li><a href="product.aspx" _type="item">产品与应用</a></li>  <li ><a href="FangAn.aspx" _type="item">解决方案</a></li>  <li><a href="news.aspx" _type="item">新闻中心</a></li>  <li><a href="service.aspx" _type="item">售后服务</a></li>  <li><a href="about.aspx" _type="item">关于我们</a></li>  </ul>  </div>.nav{ height:24px; width:1002px; background:#333;} .nav ul{width:1002px;} .nav li{ width:167px; height:24px; line-height:24px; text-align:center; display:block; float:left;} .nav li a{ background:#333; display:block; color:#FFF;} .nav li a:hover{ background:#0078ff; color:#FFF;}
    .itemSel
    {
      background:#0078ff; color:#FFF; text-decoration:underline;
    }
      

  5.   


    where [12]=[12] 恒真，这样写是为了方便以后再这个基础上增加新的判断条件～
    如：sql+ = “ and [name]=@name”;
      

  6.   

    给a链接添加一个统一的name属性,复制脚本到你的页面就OK了<%@ Page Language="C#" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
    <head id="Head1" runat="server">
        <title>实验</title>
        <style type="text/css">
        .nav{ height:24px; width:1002px; background:#333;}
        .nav ul{width:1002px;}
        .nav li{ width:167px; height:24px; line-height:24px; text-align:center; display:block; float:left;}
        .nav li a{ background:#333; display:block; color:#FFF;}
        .nav li a:hover{ background:#0078ff; color:#FFF;}
        </style>
        <script type="text/javascript">
            window.onload = function(){
                var idx = document.getElementsByName("aa");
                for(var i=0;i<idx.length;i++){
                    if(idx[i].href.indexOf(window.location.pathname)!=-1){
                        idx[i].style.background = "#0078ff";
                    }
                    else{
                        idx[i].style.background = "#333";
                    }
                }
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
            <div class="nav">
            <ul>
                <li><a name="aa" href="index.aspx">首 页</a></li>
                <li><a name="aa" href="product.aspx">产品与应用</a></li>
                <li><a name="aa" href="FangAn.aspx">解决方案</a></li>
                <li><a name="aa" href="news.aspx">新闻中心</a></li>
                <li><a name="aa" href="service.aspx">售后服务</a></li>
                <li><a name="aa" href="about.aspx">关于我们</a></li>
            </ul>
        </div>    </form>
    </body>
    </html>
      

  7.   

    有难度吗？根据url来做就行了
      

  8.   

    .nav li a:hover{ background:#0078ff; color:#FFF;}
    这个复制写成一个单独的css类。在点击后用JS将a的class设置为该css类就可以了啊。