jQuery特效 隔行变色
2016-02-26 12:18
435 查看
1.通过使用onmouseover onmouseout方法
2.变色使用background-color(css)属性
3.变色的标签是td(tr仅仅能使用事件,颜色样式不起作用)
第一种方法 使用样式操作
另外一种方法 直接对背景色操作
2.变色使用background-color(css)属性
3.变色的标签是td(tr仅仅能使用事件,颜色样式不起作用)
第一种方法 使用样式操作
<style> .tr_color{ background-color:#ffffff; } .tr_color_hover{ background-color:blanchedalmond; } </style> <script type="text/javascript"> function mover(obj){ $(obj).children("td").each(function(){ $(this).removeClass("tr_color"); $(this).addClass("tr_color_hover"); }) } function mback(obj){ $(obj).children("td").each(function(){ $(this).removeClass("tr_color_hover"); $(this).addClass("tr_color"); })} </script> <tr onmouseover="mover(this)" onmouseout="mback(this)"> <td height="18" class="tr_color"> </tr>
另外一种方法 直接对背景色操作
<script type="text/javascript"> function mover(obj){ $(obj).children("td").each(function(){ $(this).attr("bgColor","#eafcd5") }) } function mback(obj){ $(obj).children("td").each(function(){ $(this).attr("bgColor","#FFFFFF") })} </script> <tr onmouseover="mover(this)" onmouseout="mback(this)"> <td height="18"bgColor="#FFFFFF"> </tr>
相关文章推荐
- jquerydom对象和字符串之间的转换
- jquery datetimepicker 时间选择控件
- jQuery 遍历函数
- JQUERY变量作用域的划分
- 关于 firefox火狐 keydown等键盘事件jquery不起作用
- jquery记住密码,记住账号,自动登录
- jQuery 1.x和jQuery 2.x的最大区别
- alert支持回调函数,实现confirm/promp等模态框【基于jQuery.bootbox 】
- $( function() {} );与( function($){} )(jQuery);的异同
- jQuery修改CSS伪元素属性的方法
- 用户界面框架jQuery EasyUI示例大全之DataGrid(4/4)
- jquery 操作css 类 (新增和删除)
- JQuery和JS操作LocalStorage/SessionStorage的方法
- jquery查找ul>li里 img的 alt属性="xxxx"时,img的src的值
- jQuery--ajax
- JQuery修改div的id
- jquery关于HTML元素的操作(新增和删除)
- 50个jQuery插件可将你的网站带到另一个高度
- 学习使用jquery iScroll.js移动端滚动条插件
- 学习使用jquery iScroll.js移动端滚动条插件