点击盒子变颜色

qq_29468725 2017-09-21 03:54:24


这样的功能怎么实现,哪位大神能帮帮我,qq:1165389928
...全文
259 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
看着是个昵称 2017-09-22
  • 打赏
  • 举报
回复
引用 楼主 qq_29468725 的回复:
这样的功能怎么实现,哪位大神能帮帮我,qq:1165389928
你是要实现排序的功能,还是单纯的就是样式的切换,如果只是样式切换,这样还是比较简单实现的,如果是要实现排序功能的话,就需要添加上后台,调用数据来实现了
5年的老菜鸟 2017-09-22
  • 打赏
  • 举报
回复
加个 hover就可以了 .hezi:hover{background:blue;color:#fff;}
Go 旅城通票 2017-09-21
  • 打赏
  • 举报
回复
<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失效解决办法
  • 打赏
  • 举报
回复
你说的是导航栏吧,这个应该改变background-color和字体颜色就行了
  • 打赏
  • 举报
回复
你说的盒子是指?

87,910

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧