菜单点击高亮显示

来源:互联网 发布:mac 装机软件 知乎 编辑:程序博客网 时间:2024/05/18 00:32

  <div class="tabpage">
<div class="tabpagetitle">
    <ul >
        <li id="liManage"><span><a  href="../TTStat/STWorkTicketSummary.aspx">标准工作票统计</a></span></li>
        <li id="liSearch" ><span><a href="../TTStat/STOperationTicketSummary.aspx">标准操作票统计</a></span></li>
    </ul>
</div>
</div>

 

js:

<script type="text/javascript">
       var Url=location.href.substring(location.href.lastIndexOf("/"));
     
            switch(Url)
            {
                case "/STWorkTicketSummary.aspx":
                    liManage.className = "tabpagetitlethis";
                    break;
                case "/STOperationTicketSummary.aspx":
                    liSearch.className = "tabpagetitlethis";
                    break;
            }
    
</script>

 

 

或者 后天代码:

  protected string
            menu1 = "",
            menu2 = "",
            menu3 = "",
            menu4 = "",
            menu5 = "",
            menu6 = "",
            menu7 = "",
            menu8 = "",
            menu9 = "",
            menu10 = "",
            menu11 = "",
            menu12 = "";

        protected void Page_Load(object sender, EventArgs e)
        {
            if (!string.IsNullOrEmpty(Request["PageMark"])) _iPageMark = int.Parse(Request["PageMark"]);
            else _iPageMark = 1;

            string currNavClass = "tabpagetitlethis";
            switch (_iPageMark)
            {
                case 1:
                    menu1 = currNavClass;
                    break;
                case 2:
                    menu2 = currNavClass;
                    break;
                case 3:
                    menu3 = currNavClass;
                    break;
                case 4:
                    menu4 = currNavClass;
                    break;
                case 5:
                    menu5 = currNavClass;
                    break;
                case 6:
                    menu6 = currNavClass;
                    break;
                case 7:
                    menu7 = currNavClass;
                    break;
                case 8:
                    menu8 = currNavClass;
                    break;
                case 9:
                    menu9 = currNavClass;
                    break;
                case 10:
                    menu10 = currNavClass;
                    break;
                case 11:
                    menu11 = currNavClass;
                    break;
                case 12:
                    menu12 = currNavClass;
                    break;
            }
        }