野心家

导航

JavaScript+CSS+DIV实现表格变色示例 

<!DOCTYPE html>
<html>
  <head>
    <title>colortable.html</title>
  <script language="javaScript">
      function changecolor(row){
         document.getElementById(row).style.backgroundColor='#CCCCFF';
         
      }
      function resetcolor(row){
         document.getElementById(row).style.backgroundColor='';
         
      }
  </script>
  </head>
  
  <body>
   <table width="200"border="1"cellspacing="1"cellpadding="1"align="center">
       <tr><th>学校</th><th>专业</th><th>人数</th></tr>
       <tr align="center"id="row1"onMouseOver="changecolor('row1')"onMouseOut="resetcolor('row1')">
       <th>北大</th><th>法律</th><th>2000</th>
       </tr>
       <tr align="center"id="row2"onMouseOver="changecolor('row2')"onMouseOut="resetcolor('row2')">
       <th>清华</th><th>计算机</th><th>5000</th>
       </tr>
           <tr align="center"id="row3"onMouseOver="changecolor('row3')"onMouseOut="resetcolor('row3')">
       <th>人大</th><th>经济</th><th>6000</th>
       </tr>
   </table>
  </body>
</html>

　　

posted on 2017-10-26 13:32  野心家  阅读(760)  评论(0)  编辑  收藏  举报