奇偶行高亮显示及鼠标划过高亮显示类_javascript技巧
程序员文章站
2022-06-11 21:27:24
...
花了点时间,封装成了一个类(附带一个添加样式的类),适合初学者,直接调用函数即可,无需改代码.
核心JavaScript代码:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
参数说明:
1.elemid:事件ID,就是你想实现这种效果所在ID;
2.tagName:事件tagName值,比如li,tr,p等等;
3.tagNameHighClass:奇或偶数行高亮显示的样式;
4.crossTagNameClass:鼠标划过时高亮显示的样式.
使用说明:
1.如果你只想要其中一个效果,在类中,删除对应的不需要的代码,有注释;
2.调用(加载函数建议用本文中的加载函数,用window.onload非明智之举):
window.onload=function highYourElem(){
highLight("yourId","yourTagName","yourHighClass","yourCrossClass");
}
核心JavaScript代码:
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
参数说明:
1.elemid:事件ID,就是你想实现这种效果所在ID;
2.tagName:事件tagName值,比如li,tr,p等等;
3.tagNameHighClass:奇或偶数行高亮显示的样式;
4.crossTagNameClass:鼠标划过时高亮显示的样式.
使用说明:
1.如果你只想要其中一个效果,在类中,删除对应的不需要的代码,有注释;
2.调用(加载函数建议用本文中的加载函数,用window.onload非明智之举):
复制代码 代码如下:
window.onload=function highYourElem(){
highLight("yourId","yourTagName","yourHighClass","yourCrossClass");
}
推荐阅读
-
奇偶行高亮显示及鼠标划过高亮显示类_javascript技巧
-
两种简单实现菜单高亮显示的JS类代码_javascript技巧
-
两种简单实现菜单高亮显示的JS类代码_javascript技巧
-
JavaScript通过事件代理高亮显示表格行的方法_javascript技巧
-
javascript实现table选中的行以指定颜色高亮显示的方法_javascript技巧
-
javascript实现table选中的行以指定颜色高亮显示的方法_javascript技巧
-
JavaScript通过事件代理高亮显示表格行的方法_javascript技巧
-
高亮显示web页表格行的javascript代码_javascript技巧
-
高亮显示web页表格行的javascript代码_javascript技巧
-
javascript上下方向键控制表格行选中并高亮显示的方法_javascript技巧