zoukankan      html  css  js  c++  java
  • CSS实现鼠标滑过表格变色

     简单的隔行变色:
    <style type="text/css"> 
    
    <!-- 
    
    tr {background-color:expression((this.sectionRowIndex%2==0)?"#E1F1F1":"#F0F0F0")} 
    
    --> 
    
    </style> 
    
    <table> 
    
    <tr><td>第1行</td><td>第1列</td></tr> 
    
    <tr><td>第2行</td><td>第2列</td></tr> 
    
    <tr><td>第3行</td><td>第3列</td></tr> 
    
    <tr><td>第4行</td><td>第4列</td></tr> 
    
    <tr><td>第5行</td><td>第5列</td></tr> 
    
    </table>
    
    -------------------------------
    
    每个单元格变色:
    
    <style type="text/css"> 
    
    <!-- 
    
    tr {background-color:expression((this.sectionRowIndex%2==0)?"red":"blue")} 
    
    td {background-color:expression((this.cellIndex%2==0)?"":((this.parentElement.sectionRowIndex%2==0)?"green":"yellow"))} 
    
    --> 
    
    </style> 
    
    <table> 
    
    <tr><td>第1行</td><td>第1列</td></tr> 
    
    <tr><td>第2行</td><td>第2列</td></tr> 
    
    <tr><td>第3行</td><td>第3列</td></tr> 
    
    <tr><td>第4行</td><td>第4列</td></tr> 
    
    <tr><td>第5行</td><td>第5列</td></tr> 
    
    </table>
    
  • 相关阅读:
    C++模板&泛型编程
    C++继承
    测试pc大、小端
    C语言标准定义的32个关键字
    *塔,菱形
    练习小题目
    c一些关键字
    uvaoj 489
    uvaoj1339
    hdu1969Pie(根据体积二分,分馅饼)
  • 原文地址:https://www.cnblogs.com/findw/p/1768987.html
Copyright © 2011-2022 走看看