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
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
查看全文
相关阅读:
鸡哥的限币令(有上下限的网络流/费用流问题)
AtCoder Regular Contest 128 部分题题解
一道题
2021CCPC河南省赛
10.26训练赛
博弈论和SG函数
10.24训练赛
10.22训练赛
CF #749
atcoder ABC233
原文地址:https://www.cnblogs.com/yjmyzz/p/1027109.html
最新文章
瀑布流软加载
jQuery写电话簿
个人作业——软件工程实践总结&个人技术博客
个人技术总结
个人作业——软件评测
结对第二次作业——某次疫情统计可视化的实现
结对第一次—疫情统计可视化(原型设计)
软工实践寒假作业(2/2)
软工实践寒假作业(1/2)
个人作业——软件评测
热门文章
结对第二次作业——某次疫情统计可视化的实现
第一次结对作业
寒假作业二
寒假作业(1/2)
打表,找规律,爆搜(比赛经验)
Codeforces Round #751 (Div. 2) E. Optimal Insertion题解
AtCoder Grand Contest 055题解
2021CCPC河南省省赛
2021 ICPC Gran Premio de Mexico 2da Fecha部分题题解
博弈论与SG函数
Copyright © 2011-2022 走看看