【HTML】—鼠标移入或移出表格，表格变色

本文积累了几种鼠标移入或者移出html的table表格时，表格背景色变化的几种方法。

一、利用样式CSS表达式

在样式里写表达式expression，实现鼠标经过表格行上变色，但在firefox里无效果。

完整代码如下：

    
    


    

        

            
姓名
            
班级
            
出生日期
            
星座
            
电话
        
        

            
slepox
            
 W19
            
Nov 18th
            
Scorpio
            
0658635
        
        

            
smartlau
            
W19
            
Dec 30th
            
Capricorn
            
0006621
        
    

二、利用jquery的hover(fun,fun)方法

利用jquery的hover(fun,fun)方法，实现鼠标经过表格行上变色，hover()方法有两个参数，第一个参数为鼠标移到某行上要执行的方法，相当于onmouseover()，第2个事参数是鼠标离开某行后要执行的方法，相当于onmouseout()。

完整代码如下：（jquery-1.4.1-vsdoc.js）为VS.NET2010自带的JQuery包

    
    
    
    


    

        

            
姓名
            
班级
            
出生日期
            
星座
            
电话
        
        

            
slepox
            
 W19
            
Nov 18th
            
Scorpio
            
0658635
        
        

            
smartlau
            
W19
            
Dec 30th
            
Capricorn
            
0006621
        
    

三、利用JS的onmouseover()方法和onmouseout()方法

利用JS的onmouseover()方法和onmouseout()方法，实现鼠标移动表格行上变色。

完整代码如下：

    
        
    


    

        

            
姓名
            
班级
            
出生日期
            
星座
            
电话
        
        

            
slepox
            
 W19
            
Nov 18th
            
Scorpio
            
0658635
        
        

            
smartlau
            
W19
            
Dec 30th
            
Capricorn
            
0006621