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
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
查看全文
相关阅读:
選定下拉列表的方法
JAVA学习路线
封装
重写(Overriding)
java内存泄露
学习实例.文章管理.文章类.Article.java
方法重载
学习实例.文章管理.分页查询类.Page.java
学习实例.文章管理.目标与经验总结
Java多线程1
原文地址:https://www.cnblogs.com/yjmyzz/p/1027109.html
最新文章
Android库so文件及skia函数的调用
用好ProcessBatchData (3)批量更新
用好ProcessBatchData (2)批量创建
维护LINQ to SQL多对多表间关系[转]
用好ProcessBatchData (1)概述
WCF开发实战系列二:使用IIS发布WCF服务
杂七杂八——Name与x:Name的关系
SPWeb.ProcessBatchData Method
WCF开发实战系列一:创建第一个WCF服务
三个基本布局控件(Canvas、StackPanel、Grid )
热门文章
Silverlight 中用鼠标同时选中和移动多个控件
連接到另外一台數據庫(sql)
Excel数据导入的问题解决
重装系统之问题
webmsn
远程桌面超出了最大允许连接数的解决办法
ASP得到域中用戶信息
关于SQL语句前加自动编号的问题
MSSQLSERVER中关于重复的记录查找方法
俺发点牢骚
Copyright © 2011-2022 走看看