87,910
社区成员
发帖
与我相关
我的任务
分享
<script src="http://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script>
<style>
ul.nav{border-bottom:solid 3px green;margin:0;padding:0;width:100%;overflow:hidden}
ul.nav li{list-style:none;margin:0;padding:0;line-height:50px;text-align:center;padding:0 20px;float:left}
ul.nav li.on{background:green;color:#fff}
</style>
<ul class="nav">
<li class="on">默认排序</li>
<li>最新</li>
<li>总价</li>
<li>面积</li>
</ul>
<script>
$('ul.nav li').click(function () { $(this).addClass('on').siblings().removeClass('on')})
</script>