菜单点击切换效果
html代码：<ul class="side-menu">
<li class="active"><i class="glyphicon glyphicon-cog"></i><span>店铺管理</span></li>
<li><i class="glyphicon glyphicon-cog"></i><span>订单管理</span></li>
<li><i class="glyphicon glyphicon-cog"></i><span>员工管理</span></li>
<li><i class="glyphicon glyphicon-cog"></i><span>商家管理</span></li>
<li><i class="glyphicon glyphicon-cog"></i><span>师傅管理</span></li>
<li><i class="glyphicon glyphicon-cog"></i><span>店铺管理</span></li>
<li><i class="glyphicon glyphicon-cog"></i><span>订单管理</span></li>
<li><i class="glyphicon glyphicon-cog"></i><span>员工管理</span></li>
<li><i class="glyphicon glyphicon-cog"></i><span>商家管理</span></li>
<li><i class="glyphicon glyphicon-cog"></i><span>师傅管理</span></li>
</ul>js代码：
<script>
$(document).ready(function(){
$('ul.side-menu').children().click(function(){
$('ul.side-menu').children().css({'border-left':'none','background':'none'});
$(this).css({'border-left':'5px solid #E7E3E3','background':'#fb8e01'});
});
});
</script>需要引入bootcss和jquery
页:
[1]