zoukankan
html css js c++ java
一种实用的表格行鼠标点击高亮效果
偶尔在看天天基金网净值公告时,从源代码里剥下的一段js代码,感觉比较实用,分享一下(仅IE有效)
<
script
type
="text/javascript"
>
var
highlightcolor
=
'
#E0F2FE
'
;
var
clickcolor
=
'
#ffedd2
'
;
function
MouseOver()
{
var
source
=
event.srcElement;
if
(source.tagName
==
"
TD
"
)
{
source
=
source.parentElement;
var
cells
=
source.children;
if
(cells[
0
].style.backgroundColor
!=
highlightcolor
&&
cells[
0
].style.backgroundColor
!=
clickcolor)
for
(i
=
0
;i
<
cells.length;i
++
)
{
cells[i].style.backgroundColor
=
highlightcolor;
}
}
}
function
MouseOut()
{
var
source
=
event.srcElement;
if
(source.tagName
==
"
TD
"
)
{
source
=
source.parentElement;
var
cells
=
source.children;
if
(cells[
0
].style.backgroundColor
!=
clickcolor)
for
(i
=
0
;i
<
cells.length;i
++
)
{
cells[i].style.backgroundColor
=
""
;
}
}
}
function
MouseClick()
{
var
source
=
event.srcElement;
if
(source.tagName
==
"
TD
"
)
{
source
=
source.parentElement;
var
cells
=
source.children;
if
(cells[
0
].style.backgroundColor
!=
clickcolor)
for
(i
=
0
;i
<
cells.length;i
++
)
cells[i].style.backgroundColor
=
clickcolor;
else
for
(i
=
0
;i
<
cells.length;i
++
)
cells[i].style.backgroundColor
=
""
;
}
}
</
script
>
<
table
onmouseover
="MouseOver()"
onclick
="MouseClick()"
onmouseout
="MouseOut()"
cellspacing
="0"
bordercolordark
="#ffffff"
bordercolorlight
="#cccccc"
border
="1"
width
="80%"
align
="center"
style
="cursor:pointer"
>
<
tr
>
<
td
>
1
</
td
>
<
td
>
a
</
td
>
<
td
>
b
</
td
>
</
tr
>
<
tr
>
<
td
>
2
</
td
>
<
td
>
c
</
td
>
<
td
>
d
</
td
>
</
tr
>
<
tr
>
<
td
>
3
</
td
>
<
td
>
e
</
td
>
<
td
>
f
</
td
>
</
tr
>
<
tr
>
<
td
>
4
</
td
>
<
td
>
g
</
td
>
<
td
>
h
</
td
>
</
tr
>
</
table
>
作者:
菩提树下的杨过
出处:
http://yjmyzz.cnblogs.com
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
查看全文
相关阅读:
hdu 1047 Integer Inquiry
大数模板(高精度)
git 学习
java List 排序
简单排序总结
JDK1.8
webservice 学习笔记 1
inline-block,inline,block,table-cell,float
mybatis 学习视频总结记录
left join right inner join 区别
原文地址:https://www.cnblogs.com/yjmyzz/p/1027109.html
最新文章
Algs4-2.3.6计算快排Cn的准确值
Algs4-2.3.7计算快排子数组数量
Algs4-2.3.4Quck.sort()所需的比较次数到达最坏情况的排列
Algs4-2.3.5只有两种主键值的数组排序
Algs4-2.2.3快速排序中最大的元素最多交换次数
Algs4-2.3.2快速排序轨迹
Algs4-2.3快速排序正文切分过程
解决mysql连接输入密码提示Warning: Using a password on the command line interface can be insecure
安装percona工具包
查看mysql表大小
热门文章
又一例网卡mtu值引发的问题
mysql服务器系统优化
利用binlog2sql解析mysqlbinlog row行日志
Linux 挂载管理(mount)
nginx 403 forbidden 二种原因
触发OOM杀掉了mysql
mysqlbinlog 查看执行的sql (row模式)
hdu 1002 A+B
hdu 1063 Exponentiation
HUSTOJ(转发)
Copyright © 2011-2022 走看看