|
12345678910111213141516171819202122232425262728293031323334353637383940414243444546 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
- <title>侧边菜单</title>
- <link rel="stylesheet" href="../static/web/font/css/font-awesome.min.css">
- <link rel="stylesheet" href="../static/web/css/admin.css">
- <script src="../static/web/js/jquery.min.js"></script>
- </head>
- <body class="menu-box">
- <div class="menu-body">
- <ul id="menu" class="item-menu">
- <?php
- $openitem=100;
- GetMenus($cuserLogin->getUserRank(),'main');
- ?>
- </ul>
- </div>
- <script>
- $(function() {
- var menu = function(el, multiple) {
- this.el = el || {};
- this.multiple = multiple || false;
- var links = this.el.find('.link');
- links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown)
- }
- menu.prototype.dropdown = function(e) {
- var $el = e.data.el;
- $this = $(this),
- $next = $this.next();
- $next.slideToggle();
- $this.parent().toggleClass('open');
- if (!e.data.multiple) {
- $el.find('.submenu').not($next).slideUp().parent().removeClass('open');
- };
- }
- var menu = new menu($('#menu'), false);
- $(".submenu li a").click(function(e) {
- $(".submenu li").removeClass('active');
- $(this).parent().addClass('active');
- })
- });
- </script>
- </body>
- </html>
|