jquery:点击之后变颜色,点击另一个,另一各变颜色,当前的恢复颜色
来源:互联网 发布:淘宝返积分怎么领取 编辑:程序博客网 时间:2024/03/29 10:07
jquery:点击之后变颜色,点击另一个,另一各变颜色,当前的恢复颜色
<style type="text/css"> body { font-family: "微软雅黑"; } .list .page{ float: left; padding: 5px 10px; border: 1px solid #ddd; margin-right: 5px; list-style: none; } .current { color: #fff; background: #337ab7; } </style> <div id="paginator" class="paginator"> <ul class="list"> <li class="page">首页</li> <li class="page">上一页</li> <li class="page">1</li> <li class="page">2</li> <li class="page">3</li> <li class="page">4</li> <li class="page">5</li> <li class="page">6</li> <li class="page">下一页</li> <li class="page">末页</li> </ul> </div> <script type="text/javascript"> $('.list').on('click','.page',function(){ $(this).addClass("current").siblings().removeClass("current"); }); </script>一句话就可以实现,但是有一点bug,加上字体颜色后,会发现之后.current中的color不起作用了
.list .page{ float: left; padding: 5px 10px; border: 1px solid #ddd; margin-right: 5px; list-style: none; color: #337ab7;}大家有好的解决方法可以提出来
阅读全文
0 0
- jquery:点击之后变颜色,点击另一个,另一各变颜色,当前的恢复颜色
- jquery点击table行 变颜色
- gridview 点击行变颜色
- Button按钮点击变颜色
- JQuery实现点击文本框等时背景变颜色
- RN中点击切换颜色,点击另一个恢复原先颜色
- listview 点击 item 字体变颜色
- tableview点击变cell背景颜色问题
- [自用门户]点击菜单变颜色
- ITableView点击cell颜色变深,手放开后颜色恢复
- 一段点击后使td变颜色的代码
- OpenGJ的一个简单事例,实现点击变颜色
- js点击的时候变颜色怎么做?
- TextView点击之后出现文字颜色更换效果,之后又马上变回原来
- 请问怎么设置布局被点击之后,背景颜色变深?
- Jquery鼠标点击后变色,点击另一个按钮颜色还原
- Jquery鼠标点击后变色,点击另一个按钮颜色还原
- Jquery鼠标点击后变色,点击另一个按钮颜色还原
- JVM优化之调整大内存分页(LargePage)
- 使用Junit出现InitializationError的解决方法
- Ubuntu16.04 64位系统下安装百度云管家
- 基于Python+scrapy+redis的分布式爬虫实现框架
- caffe finetune问题:按照网上的教程微调alexnet为什么loss一直是87.3365?
- jquery:点击之后变颜色,点击另一个,另一各变颜色,当前的恢复颜色
- CSS界面组件之表单
- Android widget之TextView
- concurrent(三)
- Struts2概述
- UI锚点笔记
- HNUSTOJ 1516:Loky的烦恼
- 表单与其他页面元素的作用不同
- sed & awk & grep