表格行背景交替變色例項程式碼
行與行之間背景色之間交替變換能夠提高辨識度,是非常人性化的舉措,本章節分享一段這樣的程式碼,希望能夠給需要的朋友帶來一定的幫助,程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script> <script type="text/javascript"> $(function(){ $("tbody tr:even").css("background-color","red"); $("tbody tr:odd").css("background-color","yellow"); }); </script> </head> <body> <table border="1"> <tbody > <tr> <td>螞蟻部落一</td> <td>螞蟻部落二</td> <td>螞蟻部落三</td> </tr> <tr> <td>螞蟻部落一</td> <td>螞蟻部落二</td> <td>螞蟻部落三</td> </tr> <tr> <td>螞蟻部落一</td> <td>螞蟻部落二</td> <td>螞蟻部落三</td> </tr> <tr> <td>螞蟻部落一</td> <td>螞蟻部落二</td> <td>螞蟻部落三</td> </tr> <tr> <td>螞蟻部落一</td> <td>螞蟻部落二</td> <td>螞蟻部落三</td> </tr> <tr> <td>螞蟻部落一</td> <td>螞蟻部落二</td> <td>螞蟻部落三</td> </tr> </tbody> </table> </body> </html>
相關文章
- 滑鼠滑過實現table表格行背景變色程式碼例項
- table表格隔行變色程式碼例項
- 表格奇偶行不同背景顏色程式碼
- 滑鼠懸浮按鈕背景變色效果程式碼例項
- js實現li元素隔行背景變色例項程式碼JS
- js實現的點選表格行實現背景變色程式碼JS
- javascript滑鼠懸浮行變色程式碼例項JavaScript
- jQuery table表格隔行換色程式碼例項jQuery
- CSS 隔行變色程式碼例項CSS
- js隔行變色程式碼例項JS
- JavaScript 點選表格行實現背景變色JavaScript
- 滑鼠懸浮表格行變色程式碼
- 滑鼠懸浮相應的表單行背景變色且有填寫提示程式碼例項
- jQuery 隔行變色效果程式碼例項jQuery
- jQuery隔行變色效果程式碼例項jQuery
- 用javascript/css實現GridView行背景色交替、點選行變色JavaScriptCSSView
- js table隔行變色效果程式碼例項JS
- CSS3背景漸變效果程式碼例項CSSS3
- 實現滑鼠懸浮table表格行背景變色效果
- jQuery實現的隔行變色程式碼例項jQuery
- 點選按鈕設定其背景顏色程式碼例項
- js使用cookie儲存網站背景顏色程式碼例項JSCookie網站
- table表格美化程式碼例項
- table表格使用程式碼例項
- 刪除table表格行和列程式碼例項
- CSS條紋背景程式碼例項CSS
- js迭代table表格的行和列程式碼例項JS
- js table表格排序程式碼例項JS排序
- table細線表格例項程式碼
- css細線表格程式碼例項CSS
- jQuery操作表格table程式碼例項jQuery
- javascript文字彩虹式顏色漸變效果程式碼例項JavaScript
- js字型顏色隨機變化效果程式碼例項JS隨機
- css背景虛化效果程式碼例項CSS
- js實現的表格隔行變色和滑鼠懸浮變色程式碼JS
- css 滑鼠懸浮連結背景變色程式碼CSS
- excel重複項篩選標色 excel表格重複項變色Excel
- 點選刪除或者新增表格行簡單程式碼例項