jquery實現html表格隔行變色
效果圖 實現代碼: 通過css控制樣式,利用jquery的addClass方法實現 ...
用JQuery實現表格隔行變色和突出顯示當前行 上源碼 lt DOCTYPE HTML PUBLIC W C DTD HTML . EN http: www.w .org TR html strict.dtd gt lt html gt lt head gt lt meta http equiv Content Type content text html charset iso gt lt t ...
2012-02-10 13:55 8 24533 推薦指數:
效果圖 實現代碼: 通過css控制樣式,利用jquery的addClass方法實現 ...
用到的鼠標事件:(1)鼠標經過 onmouseover;(2)鼠標離開 onmouseout 核心思路:鼠標經過 tr 行的時候,當前行會改變背景顏色,鼠標離開的時候去掉背景顏色。 注意:第一行(thead 里面的行)不需要變換顏色,改變的是 tbody 里面的行。 1、獲取元素,獲取 ...
...
...
...
這些都是css控制的,然后我們看下樣式:分別選擇為:奇數行、偶數列、第五行: table tr:nth-child(odd){background:#F4F4F4;} table td:n ...
首先讓我們看下樣式代碼: 然后就是完整的代碼: 最后就是樣式的展示: xHTML+CSS HTML5+CSS3 Javas ...
...