奇偶行高亮显示及鼠标划过高亮显示类

花了点时间,封装成了一个类(附带一个添加样式的类),适合初学者,直接调用函数即可,无需改代码.
核心JavaScript代码:
奇或偶数行高亮显示及鼠标划过高亮显示类~@Mr.Think

Mr.Think的个人博客 @专注前端技术,热爱PHP,崇尚简单生活.

我是高亮奇数行及鼠标划过高亮显示效果,Uh Oh!
1ACDY
2BSAE
3HIFJ
4AGAN
5ZAGM
6CDLH
7DWGS
8TQOM
  1. 可以通过改变var odd=true;的值来确定是高亮显示奇数行还是偶数行;
  2. DOM编程,兼容主流浏览器,可扩展性强;
  3. 适应于表格,列表,div等;
  4. elemid:事件ID,就是你想实现这种效果所在ID;
  5. tagName:事件tagName值,比如li,tr,p等等;
  6. tagNameHighClass:奇或偶数行高亮显示的样式;
  7. crossTagNameClass:鼠标划过时高亮显示的样式.

[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");
}

你可能感兴趣的:(奇偶行高亮显示及鼠标划过高亮显示类)