jQuery特效 隔行变色

jQuery特效 隔行变色

大家好,又见面了,我是全栈君。

1.通过使用onmouseover onmouseout方法
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>

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/115890.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 利用数据库邮件服务实现监控和预警

    利用数据库邮件服务实现监控和预警

    2021年11月28日
  • r语言ggplot回归分析图_R如何导入数据

    r语言ggplot回归分析图_R如何导入数据#第一章R基础install.packages(c("ggplot2","gcookbook"))library(ggplot2)library(gcookbook)#加载分隔符式的文本文件#data&lt;-read.csv("datafile.csv")#data&lt;-read.csv("datafile.csv",header=FALSE)#手动为列名赋值#name…

  • phpstorm 激活码_在线激活

    (phpstorm 激活码)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~https://javaforall.cn/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~40…

  • 收藏!一篇教会你写90%的shell脚本

    收藏!一篇教会你写90%的shell脚本还不会写shell脚本?这篇文章教会你写90%的shell脚本!

  • 如何查看windows的CUDA版本「建议收藏」

    如何查看windows的CUDA版本「建议收藏」最近开始学习一些关于图像处理的计算机视觉的问题(跟着老师,开拓视野)首先就是安装anaconda环境(这个简单)然后老师要求使用pytorch作为我们学习的工具,于是上官网查看相应的pytorch的版本:只需要我们自己选择相应的系统,下载使用的工具方式,python的版本,以及CUDA版本号,就可以获得到相应的命令进行下载安装。这时遇到一个问题,CUDA是什么?CUDA(C…

  • MMC卡修复心得与方法

    MMC卡修复心得与方法手机内存卡修复1.放存储卡在电脑识别.放到手机不识别!!这种情况往往是因为存储卡在电脑上进行格式化,但是格式化与手机不兼容.解决方法是吧卡放回手机,用手机中的”格式化存储卡”功能从新格式化!!2.手机提示”拔出存储卡,请按确定”按照提示将卡拔出来,一会再插入手机就可以继续使用,但是过不了多久有在回提示拔卡,如此反复!!这是因为经常插拔存储卡,导致手机存储卡槽松动接触不良.

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号