js实现鼠标经过表格行变色的方法

 　　本文实例讲述了js实现鼠标经过表格行变色的方法。分享给大家供大家参考。具体实现方法如下：

　　?

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

<script type=text/javascript>
<!--
(function(){
var rows = document.getElementById("listdata");
var add = function(){
this.style.backgroundColor="#f3f3f1";
};
var del = function(){
this.style.backgroundColor="#fff";
};
for(var m=rows.firstChild;m!=null;m=m.nextSibling){
m.onmouseover = add;
m.onmouseout = del;
}
})();
-->
</script>

　　希望本文所述对大家的javascript程序设计有所帮助。

时间： 2024-10-29 14:25:33

js实现鼠标经过表格行变色的方法的相关文章

js实现鼠标经过表格行变色的方法_javascript技巧

本文实例讲述了js实现鼠标经过表格行变色的方法.分享给大家供大家参考.具体实现方法如下: <script type=text/javascript> <!-- (function(){ var rows = document.getElementById("listdata"); var add = function(){ this.style.backgroundColor="#f3f3f1"; }; var del = function(){

一个简单但常用的javascript表格样式_鼠标划过行变色 简洁实现_javascript技巧

第一个太简单就不说了,第二个也很简单,但每个人都有不同的实现方法,下面给一个比较简洁的做法,支持IE6.IE7.FF2,其他浏览器未测试(可以扩展一下用到ASP.NET的GridView里): 鼠标划过表格行变色-简洁实现 商品名称 单价 库存数量 货位 丁学最喜欢的仙四豪华版-菱纱版 139 10000000 A12-253 仙四豪华版-梦璃版 139 10000000 A12-254 仙四普通版-首发 69 10000000 A12-255 [Ctrl+A 全选 注:如需引入外部Js需刷新才

js+dom增加删除表格行代码

js+dom增加删除表格行代码 <table id="tbl" width="300" name="tbl" border="1">   <tr>     <td width="160">content</td>     <td>name</td>     <td><input type="button&qu

javascript实现table表格隔行变色的方法_javascript技巧

本文实例讲述了javascript实现table表格隔行变色的方法.分享给大家供大家参考.具体实现方法如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>table间隔色</title

利用javascript或css实现表格隔行变色的方法

利用网页特效或css教程实现表格隔行变色的方法 下面我们来利用css与js实现表格隔行变色的方法,下面看看代码 <table width="800" border="0" cellpadding="0" cellspacing="0"> <tr> <td>不变色</td> </tr> <tbody id="goaler"> <tr

javascript实现table表格隔行变色的方法

  本文实例讲述了javascript实现table表格隔行变色的方法.分享给大家供大家参考.具体实现方法如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 <html xmlns="http://www.w3.org/1

wps表格行距怎么调整 wps表格行高设置方法

  在wps表格中我们的行高要怎么调整的,这个很多使用excel过来的朋友都不太清楚了,下面小编来为各位介绍wps表格行高设置方法吧,希望文章可以帮助到大家. 这个调整其实非常的简单只要表格的线条处我们拖下就可以了,如果要很详细的话可以选中行之后右击再在单元格中进行设置了,具体如下. 方法一:如图所示我们双击 分割线 方法二:1.我们在选行中然后点击"菜单"下面的"行和列"如下图所示 2.然后在弹出设置对话框中我们点击"行高"和"列宽&

js实现鼠标触发图片抖动效果的方法_javascript技巧

本文实例讲述了js实现鼠标触发图片抖动效果的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>鼠标触发图片抖动效果</title> <style> .shakeimage{ position:relative } </style> <script language="JavaScript1.2"> //configure shake degr

JS获得选取checkbox整行数据的方法_javascript技巧

本文实例讲述了JS获得选取checkbox整行数据的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>js</title> </head> <script language="java