首页 > 代码库 > jQuery特效 隔行变色
jQuery特效 隔行变色
1.通过使用onmouseover onm ouseout方法
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 onm ouseover="mover(this)" onm ouseout="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 onm ouseover="mover(this)" onm ouseout="mback(this)"> <td height="18"bgColor="#FFFFFF"></tr>
jQuery特效 隔行变色
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。