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
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
查看全文
相关阅读:
学习工具
Qt 之 QApplication
Qt中常用的类
关于在Qt里让程序休眠一段时间的方法总结
Qt setWindow setViewPort
ajax回调数据 Structs has detected an unhandled exception 问题
Struts2配置拦截器自定义栈时抛异常:Unable to load configuration.
es6之map解构数组去重
ES6之对象的方法
ES6之genorator和yield使用(迭代器)
原文地址:https://www.cnblogs.com/yjmyzz/p/1027109.html
最新文章
dockerfile操作
debian安装ps命令
centos7安装dell管理工具OMSA
svn提交代码自动触发jenkins构建任务
jenkins添加windows slave节点
Jenkins配置从节点中默认没有Launch agent via Java Web Start的解决办法
k8s中Pod、Deployment、Service
【Core Swagger】.NET Core中使用swagger
【Core】.NET Core中读取App.config配置文件
【NET Core】.NET Core中读取json配置文件
热门文章
【SQLite】可视化工具SQLite studio
【NPOI】WebAPI-使用NPOI导出Excel
【C#】侦听文件系统更改通知 FileSystemWatcher 类
【C#】采用OleDB读取Excel文件转DataTable
【log4net】配置文件解释
在windows上部署使用Redis--资料整理
用小马激活的千万小心!!
Acronis
使用大白菜安装Windows Server 2012 r2
Windows Server 2008 R2 Enterprise 上用 SqlServer 2008 R2 创建发布出现异常
Copyright © 2011-2022 走看看