网站首页 > 网页设计教程 > CSS教程 > CSS实现鼠标滑过表格变色

CSS实现鼠标滑过表格变色

  • 作者:互联网
  • 时间:2009-06-12 17:45:53

第一种: expression

代码如下:



无标题文档

  
    
    11111111111
    22222222222
   
   
    33333333333
    44444444
   
   
    55555
    66666666
   
 
    77777777777
    8888888888
  


----------------------------

简单的隔行变色:

第1行第1列
第2行第2列
第3行第3列
第4行第4列
第5行第5列

-------------------------------

每个单元格变色:

第1行第1列
第2行第2列
第3行第3列
第4行第4列
第5行第5列

------------------------

以上都用到expression,实现变得很方便,但是,经测试,在IE6(其它版本我不知道)上很正常,在firefox上无任何反应…… ,要想在firefox上也有此效果,就要用第二种方法

(2)用JS

鼠标滑过变色:

第1行第1列
第2行第2列
第3行第3列
第4行第4列
第5行第5列

------------------------

隔行变色:

第1行第1列
第2行第2列
第3行第3列
第4行第4列
第5行第5列

------------------------

以上都要用到JS,还需要table有个id,可以对指定的table操作,但是,假如遇到某人的firefox装了NoScript的话……可以无视了