网页制作特效代码园地
实用的隔行变色,支持3种颜色
www.qpsh.com 更新日期：2008-6-19 人气指数 974
<!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> <title>www.qpsh.com</title> <script type="text/javascript"> <!-- www.qpsh.com var aBgColor = ["#FFFFFF","#f2faff","#FFFFCC","#FFFFCC"]; function addTableListener(o,iHead,iEnd) { o.style.cursor = "normal"; iHead = iHead > o.rows.length?0:iHead; iEnd = iEnd > o.rows.length?0:iEnd; for (var i=iHead;i<o.rows.length-iEnd ;i++ ) { o.rows[i].onmouseover = function(){setTrBgColor(this,true)} o.rows[i].onmouseout = function(){setTrBgColor(this,false)} } } function setTrBgColor(oTr,b) { oTr.rowIndex % 2 != 0 ? oTr.style.backgroundColor = b ? aBgColor[3] : aBgColor[1] : oTr.style.backgroundColor = b ? aBgColor[2] : aBgColor[0]; } window.onload = function(){addTableListener(document.getElementById("tbColor"),0,0);} //--> </script> </head> <body> <table border="1" width="500" id="tbColor" cellspacing="0" cellpadding="0" style="border-collapse: collapse" bordercolor="#C0C0C0"> <tr><td height="25">1</td><td height="25">15</td><td height="25">29</td></tr> <tr><td height="25">2</td><td height="25">16</td><td height="25">30</td></tr> <tr><td height="25">3</td><td height="25">17</td><td height="25">31</td></tr> <tr><td height="25">4</td><td height="25">18</td><td height="25">32</td></tr> <tr><td height="25">5</td><td height="25">19</td><td height="25">33</td></tr> <tr><td height="25">6</td><td height="25">20</td><td height="25">34</td></tr> <tr><td height="25">7</td><td height="25">21</td><td height="25">35</td></tr> <tr><td height="25">8</td><td height="25">22</td><td height="25">36</td></tr> <tr><td height="25">9</td><td height="25">23</td><td height="25">37</td></tr> <tr><td height="25">10</td><td height="25">24</td><td height="25">38</td></tr> <tr><td height="25">11</td><td height="25">25</td><td height="25">39</td></tr> <tr><td height="25">12</td><td height="25">26</td><td height="25">40</td></tr> <tr><td height="25">13</td><td height="25">27</td><td height="25">41</td></tr> <tr><td height="25">14</td><td height="25">28</td><td height="25">42</td></tr> </table> </body> </html>
【返回首页】【刷新本页】【返回顶部】【关闭本页】
本类热门
8/31/2007
9/8/2007
9/4/2007
8/3/2008
12/25/2007
本类最新
6/19/2008
12/28/2007
12/23/2007
最具人气
36022
22797
18792
17991
17768
14365
14231
12149
常用特效
2474
5183
2408
2435
2998
2439
3793
推荐特效
3403
6665
2267
1739
5148
10746
11603
2904
CopyRight © 网页特效代码 2006 - 2007 Qpsh.Com All rights reserved
