• 变色的导航


    ASXC代码:

    <script>
        $(function() {
        //菜单变亮
            $(".menubanner>ul>li").find("a[href$='" + location.href.split(window.location.host)[1] + "']").closest("li").addClass("current");
            if (location.href.split(window.location.host)[1] == "" || location.href.split(window.location.host)[1] == "/")
                $(".menubanner>ul").find("li:first").addClass("current");

        });
    </script>

    <div class="menubannerLeft">
    </div>
    <div class="menubanner">
        <%
            Entity.Commons.VPredication vp = new Entity.Commons.VPredication();
            Service.IMenusService iMenusService = new Service.MenusService();
            List<Entity.OA.Menu> menu = iMenusService.GetShareMenuList();
        %>
        <ul>
            <%foreach (var i in menu)
              {
            %>
            <li><a href="<%=i.URL %>">
                <%=i.MenuName%></a></li>
            <%}
            %>
        </ul>
    </div>
    <div class="menubannerRight">
    </div>
    <div style="clear: both">
    </div>

    CSS代码:

    li{ list-style-type:none;}
    .menubanner { 90%; background: url("http://img.oa.com/img/head-bg.png"); background-repeat: repeat-x; height: 42px; vertical-align: middle; line-height: 42px; float: left;padding:0px;margin:0px; }
    .menubanner li{display:inline;float:left;padding:0px;margin:0px;margin-top:-8px;margin-left:5px;}
    .menubanner a{ float:left;padding:0 14px;height:33px;line-height:33px;color:#666;text-decoration:none;overflow:hidden; vertical-align:middle;}
    .menubanner .current { border: 0; background: url("http://img.oa.com/img/menu.gif") no-repeat bottom left; padding-left: 14px; }
    .menubanner .current a { border: 0; height:33px;background: url("http://img.oa.com/img/menu.gif") no-repeat bottom right; padding-right: 21px; }
    .menubannerLeft { background: url("http://img.oa.com/img/head-bga.png"); float: left; height: 42px; 5%; background-position: left; }
    .menubannerRight { background: url("http://img.oa.com/img/head-bgb.png"); float: left; height: 42px; 5%; background-position: right; }

  • 相关阅读:
    centos7安装Nginx
    activiti数据库表结构剖析
    Consider defining a bean named 'entityManagerFactory' in your configuration解决办法
    mongodb远程数据库的连接以及备份导入导出数据
    在阿里云ECS CentOS7上部署基于MongoDB+Node.js的博客
    node.js搭建Web服务器
    Spring Boot 引入org.springframework.boot.SpringApplication出错
    CentOS7搭建SVN服务器
    Linux环境下MySQL报Table 'xxx' doesn't exist错误解决方法
    Linux内核协议栈 NAT性能优化之FAST NAT
  • 原文地址:https://www.cnblogs.com/lori/p/2050015.html
Copyright © 2020-2023  润新知