css 选中li变色,鼠标移到导航当前位置的LI变色处于选中状态

鼠标移到导航上面 当前的LI变色 处于当前的位置，广泛应用于当前导航。

鼠标移到导航上面 当前的LI变色 处于当前的位置

ul,li{list-style:none;}

#nav li{display:inline-block;margin:0 5px;background:#ccc;padding:0 10px; line-height:24px;font-size:12px;}

#nav li.h_nav_over{background:red;color:#fff;}

#nav li.h_nav_over a{color:#fff;}

a{text-decoration:none;}

$(function(){

$("#nav>ul>li").mouseover(function(){

$("#nav>ul>li").each(function(i){

$(this).removeClass("h_nav_over");

});

$(this).addClass("h_nav_over");

}).mouseout(function(){

$(this).addClass("h_nav_over");

});

});

• 首页
• 品牌商机
• 精品商机
• 最新商机
• 投资考察会
• 在线交流区