jQyery 隔行换色以及鼠标悬浮单击变色事件
2015-10-22 18:13
211 查看
</pre><pre name="code" class="javascript"><pre name="code" class="javascript">$(function(){
<span style="white-space:pre"> </span>//隔行换色 $(".secondTable tr :odd ").addClass("trall");
<span style="white-space:pre"> </span> $(".secondTable tr:gt(0)").mouseover(function(){//鼠标悬浮事件 $(this).removeClass("trall").addClass("trover").siblings().removeClass("trover"); }).mouseout(function(){//鼠标离开事件 $(".secondTable tr :odd ").addClass("trall"); }).click(function(){//书包单击事件 this.addClass("trclick").sibings().removeClass("trclick"); });
});
//css代码 <pre name="code" class="css">.trover{background-color:#ccc} .trclick{background-color:red} .trall{background-color:#d5f4fe}
相关文章推荐
- Java集合框架之Collection学习和笔记——黑马训练营
- 深入解析Java编程中的boolean对象的运用
- android:判断手机网络类型
- ASP.NET - 回滚事务
- linux下踢出已登录用户
- Caused by: org.xml.sax.SAXParseException; lineNumber: 30; columnNumber: 84; 对实体 "characterEncoding"
- 最小m段和
- 九度OJ 1081:递推数列 (递归,二分法)
- Highcharts动态设置曲线点
- CentOS6.7 常用操作命令
- BZOJ 4300: 绝世好题( dp )
- 九度OJ 1081:递推数列 (递归,二分法)
- linux python升级过程
- Lucene 简介
- 常用Linux操作命令总结
- CRichEditCtrl下划线颜色
- Android学习笔记-ExpandableListView的使用
- 移动端用input:file调用手机相册、摄像头、和sd卡的相册文档
- malloc等分配内存函数探究
- gulp使用