DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 表格奇偶行設置不同顏色的核心JS代碼
表格奇偶行設置不同顏色的核心JS代碼
編輯:JavaScript綜合知識     

 表格奇偶行設置不同顏色,在某些情況下還是比較實用的,下面有個不錯的示例,大家可以參考下,希望對大家有所幫助

這是一個比較實用的功能,設置奇偶行顏色不同後閱讀表格數據的體驗明顯變好,否則數據會顯得非常繁雜擁擠(當表格數據行多時體驗尤為明顯)。只有當你自己真正做這方面的東西接觸到時才有強烈的體會,反正我是剛剛經歷了,留在這裡備參考吧~    核心JS腳本代碼如下(table元素的id根據自己的情況調整,代碼中的jquery-1.7.min.js可以到jquery的官網上下載)   代碼如下: <script src="jquery-1.7.min.js"></script>  <script>  $(document).ready(function(){  SetTableRowColor();    });  //用CSS控制奇偶行的顏色  function SetTableRowColor()  {    $("#Table tr:odd").css("background-color", "#e6e6fa");  $("#Table tr:even").css("background-color", "#fff0fa");  }  </scirpt>     
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved