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)


相关推荐

  • 正则匹配中文数字

    正则匹配中文数字正则匹配中文数字运营导入小说时遇到小麻烦,想要在章节目录前面加一些符号,word等工具搜半天没搜到,就想着用正则匹配试一下,于是用notepad++试了一下,正则匹配中文数字章节。表达式为:(第[\u4e00-\u9fa5\u767e\u5343\u96f6]{1,10}章)追加的内容\1笔记正则匹配中文个位数,\u4e00-\u9fa5百千零u767e\u534…

  • Maskrcnn中resnet50改为resnet34「建议收藏」

    Maskrcnn中resnet50改为resnet34「建议收藏」因需要训练的数据集并不复杂,resnet50的结构有点冗余,于是就把maskrcnn的backbone从resnet50改为resnet34结构。找到model文件,将resnet50部分代码做一定的修改,就可以得到resnet34的相关代码下面是相关代码:##con_block修改为conv_block0并添加到model文件中defconv_block0(input_tensor…

  • 【转载】C#中的==、Equal、ReferenceEqual

    【转载】C#中的==、Equal、ReferenceEqual

    2021年11月21日
  • cnpm安装教程_安装命令提示符

    cnpm安装教程_安装命令提示符1、确认npm是否安装成功:win+R,输入cmd,打开命令窗口2、命令行窗口输入:node-v,显示有版本号,则安装成功3、安装cnpm:输入npminstall-gcnpm-registry=https://registry.npm.taobao.org4、安装完成后,输入cmpm-v,检查是否安装成功如果出现cnpm不是内部或者外部命令提示,请继续以下操作5、配置环境变量打开系统环境变量,增加如下配置,则修改成功回到命令行窗口输入cn..

    2022年10月16日
  • 向量和矩阵的各种范数比较(1范数、2范数、无穷范数等等)

    向量的1范数,2范数,无穷范数,矩阵的1范数,2范数,无穷范数,L0范数,L1范数,L2范数(F范数),L21范数,核范数。。。。、。

  • ioctl之FIONREAD

    ioctl之FIONREAD在学习ioctl时常常跟read,write混淆。其实ioctl是用来设置硬件控制寄存器,或者读取硬件状态寄存器的数值之类的。而read,write是把数据丢入缓冲区,硬件的驱动从缓冲区读取数据一个个发送或者把接收的数据送入缓冲区。 ioctl(keyFd,FIONREAD,&b)得到缓冲区里有多少字节要被读取,然后将字节数放入b里面。接下来就可以

发表回复

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

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