快捷導(dǎo)航

Jquery實現(xiàn)的table最后一行添加樣式的代碼

更新時間：2010年05月18日 20:04:57 作者：

有時間需要將表格的最后一行加上樣式，方便閱讀等需要，需要的朋友可以參考下。

效果如下圖所示：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>豪情</title>  <style> .tab{border-collapse:collapse;border:1px solid #9BDF70;} .tab td{border-bottom:1px solid #92B0DD;text-align:center;} .tab th{border-bottom:2px solid #92B0DD;} .tab th.end{border-bottom:2px solid #9BDF70;border-top:2px solid #9BDF70;} .tab tr{height:25px;} </style>  </head> <body> <table id="tab" class="tab" width=500> <tr> <th>姓名</th> <th>QQ</th> <th>E-mail</th> </tr> <tr> <td>豪情</td> <td>249056406</td> <td>jikeytang@gmail.com</td> </tr> <tr> <td>tony</td> <td>1234567</td> <td>puag@gmail.com</td> </tr> <tr> <td>tony</td> <td>1234567</td> <td>puag@gmail.com</td> </tr> <tr> <td>tony</td> <td>1234567</td> <td>puag@gmail.com</td> </tr> <tr> <td>tony</td> <td>1234567</td> <td>puag@gmail.com</td> </tr> <tr> <th>豪情啊</th> <th>不得了</th> <th>真是的</th> </tr> </table> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

jquery統(tǒng)計輸入文字的個數(shù)并對其進行判斷
判斷輸入文字個數(shù)并提示還可以輸入多少個字，類似的功能使用jquery便可輕松實現(xiàn)
2014-01-01
Jquery UI實現(xiàn)一次拖拽多個選中的元素操作
這篇文章主要介紹了Jquery UI實現(xiàn)一次拖拽多個選中的元素操作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-10-10
查找iframe里元素的方法可傳參
查找iframe里面的元素在項目里用的還是比較多的，下面為大家介紹個方法可傳參，感興趣的朋友可以參考下
2013-09-09
Jquery實現(xiàn)仿騰訊微博發(fā)表廣播
閑來無事做的一個Jquery實現(xiàn)仿騰訊微博發(fā)表廣播的特效，功能和樣子實現(xiàn)了，由于樣式是渣渣，所以小伙伴們想直接用的話，還得自己美化下
2014-11-11
Jquery技巧(必須掌握)
這篇文章主要介紹了Jquery技巧(必須掌握)的相關(guān)資料,需要的朋友可以參考下
2016-03-03
jQueryUI寫一個調(diào)整分類的拖放效果實現(xiàn)代碼
最近，想用jQuery做一個網(wǎng)頁的樹目錄結(jié)構(gòu)，并且可以使用鼠標拖動調(diào)整選項的位置。我在網(wǎng)上找了一下插件，基本上看了好幾款比較著名的，都覺得代碼太復(fù)雜了或者界面太丑了等各種不符合我的要求
2012-05-05
jQuery + html + css 實現(xiàn)王者榮耀官網(wǎng)首頁效果&nb
這篇文章主要介紹了jQuery + html + css 實現(xiàn)王者榮耀官網(wǎng)首頁效果，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
2022-02-02
jquery實現(xiàn)圖片左右間隔滾動特效(可自動播放)
圖片左右間隔滾動Jquery特效,點擊滾動，不點擊自動滾動，具體處理程序如下，感興趣的朋友可以參考下哈，希望可以幫助到你
2013-05-05
這篇文章主要介紹了jQuery實現(xiàn)時尚漂亮的彈出式對話框,可實現(xiàn)非常炫目時尚的彈出式對話框功能,非常具有實用價值,需要的朋友可以參考下
2015-08-08