js实现表格上鼠标移行换色

最新推荐文章于 2020-12-21 15:53:04 发布
最新推荐文章于 2020-12-21 15:53:04 发布
阅读量707 收藏
点赞数
分类专栏： 晨曦 文章标签： 换色
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yypiaxi/article/details/17417917
版权 
<table width="368" border="0" cellspacing="1" cellpadding="1">
  <tr>
<td οnmοuseοver="this.style.background='#FBE17C';this.style.color='#000000'" 
                οnmοuseοut="this.style.background='#FAF2B1';this.style.color='#FAF291'" 
                align=middle height=18><span class="STYLE1"></span></td>  <td bordercolor="#0066FF"> </td>
  </tr>
  <tr>
    <td bgcolor="#0066FF"><span class="STYLE1">333</span></td>
    <td> </td>
  </tr>
</table>

其中主要是里边的这句话:

<td οnmοuseοver="this.style.background='#FBE17C';this.style.color='#000000'" 
                οnmοuseοut="this.style.background='#FAF2B1';this.style.color='#FAF291'" 
                align=middle height=18><span class="STYLE1"></span></td>

cnso2
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
表格隔行换色 鼠标移过变色
09-06
实现效果为：表格隔行换色 鼠标移过变色 实现多选效果
javascript实现表格鼠标移到行上切换背景色
weixin_33862514的博客
03-17 94
<script type="text/javascript"> var rows = document.getElementByTagName("tr"); for(var i = 0; i < rows.length; i++){ rows[i].onmouseover = functioon(){ this....
JavaScript实现鼠标放上去之后高亮显示且隔行换色
穆雄雄的博客
11-02 445
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&gt; &l
javascript学习实录 之七（实现鼠标移动上去后表格颜色变化）
05-03 332
废话不说，直接上代码，css部分，实在是无力，简单搞搞样式，意思到就好 [javascript] view plaincopy     "Content-Type" content="text/html; charset=utf-8" />              "text/css">          table {              border: blue s
js实现鼠标经过表格行变色的方法
10-24
本文将详细介绍如何使用JavaScript实现鼠标经过表格行变色的效果。 首先，我们需要理解HTML表格的基本结构。一个简单的表格由`<table>`元素包裹，内部包含`<tr>`（表格行）元素，每行内可以有多个`<td>`（表格数据...
JavaScript实现鼠标经过表格某行时此行变色
01-21
本文实例为大家分享了js鼠标经过表格某行时此行变色的具体代码，供大家参考，具体内容如下 表格表头为蓝色，表主体为白色，当鼠标放到表的非表头行时，这一行颜色变为黄色，鼠标离开时黄色消失。 <!DOCTYPE ...
js实现当鼠标移到表格上时显示这一格全部内容的代码
10-22
在JavaScript编程中，有时我们需要对网页元素进行交互式的操作，比如在鼠标移动到表格单元格上时，显示该单元格的全部内容。本篇将详细介绍如何利用JavaScript实现这个功能。 首先，我们需要创建一个用于显示详细...
jQuery插件实现表格隔行换色且感应鼠标高亮行变色
01-19
js代码： css代码： 代码如下: tr.alt td { background:#ecf6fc; /*这行将给所有的tr加上背景色*/ } tr.over td { background:#bcd4ec; /*这个将是鼠标高亮行的背景色*/ }
JS实现鼠标点击展开或隐藏表格行的方法
10-24
在网页开发中，有时我们需要实现一种交互效果，即用户点击表格某一行时，该行下方隐藏的内容能够展开或隐藏。这种功能在展示大量数据时特别有用，因为它可以节省页面空间并提高用户体验。本文将详细介绍如何使用...
js实现隔行变色操作鼠标经过效果
03-24
NULL 博文链接：https://yuxingxing1988.iteye.com/blog/1099511
JavaScript-表格隔行换色·鼠标上移换色·合并显示
半吊子丶程序猿
09-20 237
HTML &lt;table id="tab1" border="1" width="800" align="center" &gt; &lt;tr&gt; &lt;td colspan="5"&gt;&lt;input type="button" value="添加"/&gt; &
使用js实现鼠标移入移出时背景色的切换效果
12-02 3845
定义两个方法： /*设置导航栏处的鼠标移出和移入时背景色的变化  */ function changeBG(o) { o.style.backgroundColor = "#5C75AA"; } function changeBG2(o) { o.style.backgroundColor = ""; } 在页面中的引用： class="top" href="
编写js+css+html实现鼠标指针经过某一行时，实现该行背景颜色变色
girls的博客
12-21 1862
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> table { wid
当鼠标移到单元格(tr、td)背景变色 多种解决方案
热门推荐
zhouzilong502086525的专栏
03-23 1万+
第一种：td单元格变色，只用简单的js代码即可实现。很简洁的代码，点击即可运行该代码<br /><body><br /><table border="1px"><br /> <tr><br />  <th id="id_item1" onmouseover="this.bgColor='green'" onmouseout="this.bgColor=''">Menu Item1</th><br /> </tr><br /> <tr><br />  <th>Menu Item2</th><br /> </t
JS 鼠标的移入与移开 实现表格换色（onmouseover onmouseout ）
qq_41566772的博客
10-30 681
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;script&gt; function changeColor(id,flag){ if(flag=="over&quot
用js实现鼠标移出移进变换颜色
feilong_12的专栏
02-28 1万+
function a(){ var red=document.getElementById('div1'); red.style.backgroundColor="blue"; } function b(){ var red=document.getElementById('div1'); red.style.backgroundColor="red"; }
JS实现表单隔行换色，鼠标移入高亮
御晨风而归
04-11 1749
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> *{ margin: 0; padding: 0; } div...
ASP中如何延长session过期时间
cnso2的专栏
12-19 2989
session.TimeOut=分钟数，记住，是分钟数放在你创建session的页面里，如果有conn.asp 那就放在这里吧，没有问题
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值