点击盒子变颜色

Question

你说的是导航栏吧，这个应该改变background-color和字体颜色就行了

Answer 1

<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>Web开发学习资料推荐
javascript客户端图片预览
easyui datagrid fitColumns:true失效解决办法

Answer 2

加个 hover就可以了    .hezi:hover{background:blue;color:#fff;}