怎样实现鼠标移到表格,表格行背景色就变?

本文要实现下面的效果,即: 鼠标移到表格,表格行背景色会改变。

Product Code Price Balance
NHP005 100.23 In Stock
DOY002 21.32 In Stock
DCN001 36.5 Out of Stock

下面介绍三种实现方法:

第一种: IE 支持,FireFox 不支持; 优点是代码简洁,节省空间; 缺点是表头(即表格第一行的颜色也会变化,这不是我所期望的)的背景色也会因鼠标滑过而改变。(适用于页面上只有一个表格,如果页面上有多个表格则会乱套。)







   
       
       
       
   
   
       
       
       
   
   
       
       
       
   
   
       
       
       
   

Product Code Price Balance
NHP005 100.23 In Stock
DOY002 21.32 In Stock
DCN001 36.5 Out of Stock


第二种: IE支持,FireFox 不支持; 表头的背景色不会因鼠标滑过而改变; 缺点是代码繁多

   
 


   
       
       
       
   
   
       
       
       
   
   
       
       
       
   
   
       
       
       
   

Product Code Price Balance
NHP005 100.23 In Stock
DOY002 21.32 In Stock
DCN001 36.5 Out of Stock


第三种: IE 支持,FireFox 支持; 表头的背景色不会因鼠标滑过而改变; 缺点是代码繁多



   
       
       
       
   
   
       
       
       
   
   
       
       
       
   
   
       
       
       
   

Product Code Price Balance
NHP005 100.23 In Stock
DOY002 21.32 In Stock
DCN001 36.5 Out of Stock

你可能感兴趣的:(Jsp)