diff --git a/static/css/wide.css b/static/css/wide.css index fede8d3..08f845b 100644 --- a/static/css/wide.css +++ b/static/css/wide.css @@ -72,6 +72,7 @@ width: 320px; z-index: 21; display: none; + box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } .frame li { @@ -84,9 +85,11 @@ color: #999; } -.frame li:hover { +.frame li:hover, +.menu > ul > li > span.selected { background-color: #3875D7; color: #FFF; + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } .frame li.disabled:hover { diff --git a/static/js/menu.js b/static/js/menu.js index 8a626d4..d1fd99b 100644 --- a/static/js/menu.js +++ b/static/js/menu.js @@ -5,6 +5,7 @@ var menu = { // 点击子菜单后消失 $(".frame li").click(function () { $(this).closest(".frame").hide(); + $(".menu > ul > li > a, .menu > ul> li > span").removeClass("selected"); }); }, disabled: function (list) { @@ -22,13 +23,16 @@ var menu = { $(".menu > ul > li > a, .menu > ul> li > span").click(function () { var $it = $(this); $it.next().show(); + $(".menu > ul > li > a, .menu > ul> li > span").removeClass("selected"); + $(this).addClass("selected"); $(".menu > ul > li > a, .menu > ul> li > span").unbind(); $(".menu > ul > li > a, .menu > ul> li > span").mouseover(function () { $(".frame").hide(); - var $it = $(this); - $it.next().show(); + $(this).next().show(); + $(".menu > ul > li > a, .menu > ul> li > span").removeClass("selected"); + $(this).addClass("selected"); }); }); } diff --git a/static/js/wide.js b/static/js/wide.js index 73656a0..7789805 100644 --- a/static/js/wide.js +++ b/static/js/wide.js @@ -436,7 +436,7 @@ var wide = { if (!($(event.target).closest(".frame").length > 0 || event.target.className === "frame")) { $(".frame").hide(); - $(".menu > ul > li > a, .menu > ul> li > span").unbind("mouseover"); + $(".menu > ul > li > a, .menu > ul> li > span").unbind("mouseover").removeClass("selected"); menu.subMenu(); } });