台灣最大程式設計社群網站
∣
免費加入會員
∣登入
∣回首頁∣
您好
線上人數
1398
會員總數:
246268
討論主題:
189809
討論區
程式下載/上傳
科技新聞
專欄文章
會員中心
加值服務
外包接案
求職求才
登入
登出
歡迎您
免費
加入會員
討論區選單
新手必讀
我要提問!!
討論區
個人討論區
我的關注主題
我的黑名單
討論區EP英雄榜
專家等級說明
討論區常見問題
兌換發問點數QP
扣點申請加值服務
申請版主
開發工具
ASP
ASP.NET
C#
VB.NET
VB6
C/C++
PHP
Java
Java Script/ Node.js
AJAX / JSON / jQuery
其他語言
行動裝置開發
Android APP 開發
iOS APP/ swift 開發
Windows Phone APP
資料庫
ACCESS
MS SQL
MySQL
Oracle
其他DB
多媒體 / 網管
CSS/HTML5/Bootstarp
影像處理
office VBA / WinOS
Windows 伺服器
Linux / Unix
網管 / 資安 / VM
硬體 / 週邊 / 其他
綜合
求職求才
外包接案
心情甘苦談
網站經營 / 合夥 / 證照
建言 / 公告
文章區
專欄文章
科技新聞
Blog精華文章
討論區列表
>>
ASP
>> 如何做到這樣
[]
[
我要回覆
]
1
如何做到這樣
價值 : 10 QP
點閱數:866 回應數:2
樓主
永恆
1
32
1004
53
發送站內信
如何做到這樣
本篇文章發表於2014-01-30 23:46
1樓
最有價值解答
香帥
請參考以下程式碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>JavaScript實現隔行變色的表格</title> <style> <!-- .datalist{ border:1px solid #007108; /* 表格邊框 */ font-family:Arial; border-collapse:collapse; /* 邊框重疊 */ background-color:#d9ffdc; /* 表格背景色 */ font-size:14px; } .datalist th{ border:1px solid #007108; /* 行名稱邊框 */ background-color:#00a40c; /* 行名稱背景色 */ color:#FFFFFF; /* 行名稱顏 色 */ font-weight:bold; padding-top:4px; padding-bottom:4px; padding-left:12px; padding-right:12px; text-align:center; } .datalist td{ border:1px solid #007108; /* 單元格邊框 */ text-align:left; padding-top:4px; padding-bottom:4px; padding-left:10px; padding-right:10px; } .datalist tr.altrow{ background-color:#a5e5aa; /* 隔行變色 */ } --> </style> <script language="javascript"> window.onload = function(){ var oTable = document.getElementById("oTable"); for(var i=0;i<oTable.rows.length;i++){ if(i%2==0) //偶數行時 oTable.rows[i].className = "altrow"; } } </script> </head> <body> <table class="datalist" summary="list of members in EE Studay" id="oTable"> <tr><td>title_1</td></tr> <tr><td>title_2</td></tr> <tr><td>title_3</td></tr> <tr><td>title_4</td></tr> <tr><td>title_5</td></tr> <tr><td>title_6</td></tr> <tr><td>title_7</td></tr> <tr><td>title_8</td></tr> </table> </body> </html>
本篇文章回覆於2014-01-31 02:53
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應
永恆
謝謝 我試 試
本篇文章回覆於2014-01-31 06:57
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
1
回覆
如要回應,請先
登入
.
|
網站導覽
|
網站介紹
|
4P點數說明
|
電子報
|
小舖活動
|
大事紀
|
廣告刊登
|
常見問題
|
聯絡我們
|
版權所有 ©copyright 2000 All Rights Reserved