JS CSS实现表格高亮的方法

本文实例讲述了JS CSS实现表格高亮的方法。分享给大家供大家参考。具体如下：

这里使用JavaScript CSS实现表格高亮的功能，实际上类似于隔行换色的效果，说法不同而已，只不过本效果是在鼠标移上时触发，移出结束。

运行效果如下图所示：

具体代码如下：

！DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN ' ' http://www .w3。org/TR/XHTML 1/DTD/XHTML 1-Transitional。DTD ' html xmlns=' http://www .w3。org/1999/XHTML '标题高亮的表格/title meta http-equiv=' content-type ' content=' text/html；charset=iso-8859-1' /stylep，td，th { font: 0.8em Arial，Helvetica，无衬线；}.datatable { border : 1px solid # D6DDE 6；边界崩溃：崩溃；宽度： 80%;}.数据表TD {边框： 1px实心# D6DDE 6；padding: 4px }。datatable th { border : 1px solid # 828282；背景-color : # BCBCBC；字体粗细：粗体；文本-左对齐：左填充left: 4px}。数据表标题{ font: bold 0.9em Arial，Helvetica，无衬线；颜色： # 33517A文本-左对齐：衬垫-top : 3px；填充-底部： 8px}.数据表tr:hover .数据表tr。hilite {底色： # DFE7F 2；color : # 000000 }/style/head dytable summary=' 2003年新生名单class=' datatable '标题学生列表/标题第个作用域=' col '学生名称/第个作用域=' col '出生日期/th scope=' col ' class/th scope=' col ' id/th/tr tdJoe Bloggs/TD TD TD td27/08/1997/TD tdMrs Jones/TD TD TD TD 12009/TD/tr tdWilliam Smith/TD td20/07/1997/tdFOr(var I=0；我行。长度；第一排.onmouseover=function(){ this。类名=' hilite}行[i].onmouseout=function(){ this。类名=这个。类名。替换(' hilite '，' ')；} }/脚本/正文/html希望本文所述对大家的爪哇岛描述语言程序设计有所帮助。