我通过js设置css样式点击页面导航菜单的某个链接加亮显示,
但是现在点击页面菜单转到另外一个页面后菜单导航就不加亮了,
各位有好的解决办法吗?

解决方案 »

  1.   

    把这个加量的链接id以参数传入新的页面,在新的页面的onload事件中将链接加亮
      

  2.   

    <li id="1"><a id="A1" runat="server" href="~/Trends.aspx" onclick='navigationChange("1")'>园区动态</a></li>
    <li class="nav_bgDIV"></li>
    <li id="2"><a id="A2" runat="server" href="~/Introduce.aspx" onclick='navigationChange("2")'>公司简介</a></li>
    <li class="nav_bgDIV"></li>
    <li id="3"><a id="A3" runat="server" href="~/PackOnline.aspx" onclick='navigationChange("3")'>娱乐采摘</a></li>
    <li class="nav_bgDIV"></li>
    <li id="4"><a id="A4" runat="server" href="~/FishingList.aspx" onclick='navigationChange("4")'>休闲垂钓</a></li>
    <li class="nav_bgDIV"></li>
    <li id="5"><a id="A5" runat="server" href="~/GreenProduce.aspx" onclick='navigationChange("5")'>绿色农产</a></li>
    以上的是一个导航菜单onclick后会把这个菜单加亮显示function navigationChange(ids)
    {
        document.getElementById(ids).className="nav_bg";
    }js加载样式,
    但是现在点击链接到页面后就不加亮了?
      

  3.   

    在各个页面,直接加亮相应的链接就可以了呀
    比如:在Trends.aspx页面中
    <a id="A1" class="nav_bg" runat="server" href="~/Trends.aspx" onclick='navigationChange("1")'>园区动态</a>
    在Introduce.aspx页面中
    <a id="A2" class="nav_bg" runat="server" href="~/Introduce.aspx" onclick='navigationChange("2")'>公司简介</a>
    .....
      

  4.   

    在navigationChange(num)函数里把num写进COOKIE,新页面里读出那个COOKIEH后加亮同一个原页面:
    <script>
    function aa(){
    ........
    document.cookie="................"
    }
    </script>
    <li id="1"><a id="A1" runat="server" href="~/Trends.aspx" onclick='navigationChange("this.id")'>园区动态</a></li>新页面:
    <script>
    window.onload=function(){
      读出那个cookie
      document.getElementById(读出的cookie值).className="nav_bg";}
    </script>
      

  5.   

    不明白你都要转页 了,还加亮干什么,要是网页不卡的话,更本就看不出变化的
    如果要在新的页面加亮,那直接写class在A标签中就OK了呀
      

  6.   

    汗~~疏忽了
    <li id="1"> <a id="A1" runat="server" href="~/Trends.aspx" onclick='navigationChange("this.id")'>园区动态 </a> </li>

    还是你原来的
    <li id="1"> <a id="A1" runat="server" href="~/Trends.aspx" onclick='navigationChange(1)'>园区动态 </a> </li>
    反正是要取<li>的ID
      

  7.   

    直接在页面里面写死不想每个页面都改代码的话就在地址里面加参数传过去再取出来,在window.onload事件里面处理
      

  8.   

    onload好像是可以做,但是我如果到了二级页面又不加亮了啊
    比如说园区动态(Trends.aspx)下有(TrendsDetails.aspx)页面
    到了这个页面园区动态主页面就不加亮了啊,难道每个页面都要onload?
      

  9.   

    你的每个页面都是include的同一个navigation么?如果是的话就只有在onload里面处理了不是的话就直接改每个页面的HTML代码,要谁亮就写死在那~
      

  10.   

    这个你必须要传参数过去了再判断是哪个应该加亮,因为页面刷新了,可建立一个session,或者比较简单的就直接在相应的页面上手动加亮