html表格鼠标高亮行列,JS实现的表格行鼠标点击高亮效果代码

本文实例讲述了JS实现的表格行鼠标点击高亮效果代码。分享给大家供大家参考，具体如下：

偶尔在看天天基金网净值公告时，从源代码里剥下的一段js代码，感觉比较实用，分享一下(仅IE有效)

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[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[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[i].style.backgroundColor=clickcolor;

else

for(i=0;i

cells[i].style.backgroundColor="";

}

1	a	b
2	c	d
3	e	f
4	g	h

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

html表格鼠标高亮行列,JS实现的表格行鼠标点击高亮效果代码相关推荐

动态二级下拉菜单html,js实现简洁大方的二级下拉菜单效果代码
本文实例讲述了js实现简洁大方的二级下拉菜单效果代码.分享给大家供大家参考.具体如下: 这是一款简洁大方的二级下拉菜单,菜单的颜色自己根据需要重新定义吧,这里仅给大家提供一种制作二级菜单的思路,整体效 ...
html5仿qq空间,JS实现的仿QQ空间图片弹出效果代码
本文实例讲述了JS实现的仿QQ空间图片弹出效果代码.分享给大家供大家参考,具体如下: function imageShow(which_click) { var image_path = which_ ...
使html表格可编辑状态,js+Html实现表格可编辑操作
本文实例为大家分享了js+Html实现表格可编辑操作的具体代码,供大家参考,具体内容如下功能描述:单击页面使单元格td变成可编辑状态,输入内容后,当单元格失去焦点时,保存输入的内容. 点击增加行,在 ...
html表格按照编号排序,JS实现简单表格排序操作示例
本文实例讲述了JS实现简单表格排序操作.分享给大家供大家参考,具体如下: sort table *{ margin:0px; padding:0px; } body{ background:#ccc; ...
html鼠标文字渐变效果,JS实现文字链接感应鼠标淡入淡出改变颜色的方法
本文实例讲述了JS实现文字链接感应鼠标淡入淡出改变颜色的方法.分享给大家供大家参考.具体实现方法如下: JS实现文字链接感应鼠标淡入淡出改变颜色 startColor = "#671700& ...
HTML表格鼠标滑过变色和奇数偶数行变色+点击变色
<!doctype html> <html> <head> <meta charset="utf-8"> <title> ...
js的判断以及图片的点击切换效果
js的判断知识 1.js中判断的几种类型 1) if( 判断条件 ){ 条件成立时,执行里面的语句条件不成立时,不执行 ...
python处理表格很厉害么_Python读写Excel表格，就是这么简单粗暴又好用
关注恋习Python(ID:sldata2017) 这是恋习Python之手把手系列第5篇原创首发文章最近在做一些数据处理和计算的工作,因为数据是以.csv格式保存的,因此刚开始直接用Excel来处 ...
分享一个简单好看的html的表格table（个人简历的html表格），vue table，以及vue打印（简单好用的vue打印插件）
想写一个很普通的那种像word文档样式的table,发现网上很多都是什么教程,没有合适的,我只想要一个拿来就能用的html的table(非专业前端),没有什么别的依赖,而且样式要很普通的简单的表格.既 ...

html表格鼠标高亮行列,JS实现的表格行鼠标点击高亮效果代码

html表格鼠标高亮行列,JS实现的表格行鼠标点击高亮效果代码相关推荐

最新文章

热门文章