jQuery table tr隔行变色,鼠标移入移出变色,鼠标点击变色
2015-04-20 10:32
246 查看
.trover { background: #f9f9f9; } .trclick { background: #c4e8f5; } .treven{ background:#CCFFCC; } .trodd{ background:#ffffff; }
$(function () { //鼠标移入该行和鼠标移除该行的事件 jQuery("#ajaxTable tr:gt(0)").mouseover(function () { jQuery(this).addClass("trover"); }).mouseout(function () { jQuery(this).removeClass("trover"); }); //鼠标点击事件 $("#ajaxTable tr:gt(0)").bind("click", function () { $("#ajaxTable tr:gt(0)").removeClass("trclick"); $(this).addClass("trclick"); }); //为表格的奇偶行设定不同的颜色 jQuery("#ajaxTable tr:gt(0)").addClass("treven"); jQuery("#ajaxTable tr:gt(0)").addClass("trodd"); });
相关文章推荐
- 表格隔行变色 加鼠标移入移出及点击效果
- javascript表格隔行变色加鼠标移入移出及点击效果的方法
- <li>的鼠标移入移出事件和点击事件分别实现为当前li添加样式,删除其他li样式
- 表格中鼠标移入时变色,移出又恢复
- jquery鼠标移入移出变色和单击隐藏出现事件
- JavaScript表格隔行变色,鼠标移入表格展示背景颜色,鼠标移出颜色还原
- 动态添加class名,改变标签样式(包含鼠标移入、移出及点击事件)
- jQuery实例--实现斑马线效果包括鼠标的移入移出变色
- DataGrid中实现鼠标移入移出变色,且选择再变色,取消选择恢复原色,且原色隔行不一样的代码...
- GridView控件添加鼠标移入移出时背景行变色的效果
- 【HTML】—鼠标移入或移出表格,表格变色
- (28)表格隔行变色,并且鼠标移入高亮显示,鼠标移出显示原来的颜色
- 点击图片改变图片大小,鼠标移入移出改变图片大小
- C# ASP.net GridView中当鼠标移入或移出某行时,该行变色
- 鼠标移入移出改变CSS样式的小例子
- 为EasyUI的dataGrid单元格增加鼠标移入移出事件
- 清除子元素继承父元素鼠标移入移出事件
- HTML5+CSS3鼠标移入移出图片生成随机动画
- 隔行变色,选中变色,鼠标变小手样式;姓名查询条件 过滤敏感字符 下拉列表排序 非空验证添加信息 点击按钮删除
- 鼠标点击文本框,边框变色