首页
网页特效库
网页特效库
导航菜单
按钮表单
背景特效
时间日期
图片特效
鼠标特效
文本操作
窗口页面
状态栏类
警告对话
综合应用
游戏娱乐
首页
>
特效
>
文本操作
> 正文
实用的隔行变色,支持3种颜色
2009-12-19 文本操作 90℃
<!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.zlcool.com</title> <script type="text/javascript"> <!-- www.zlcool.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>
相关特效代码
无相关信息
热门特效代码
输入框的文字闪烁变色引人注意
纯CSS内页内容切换选项卡
鼠标经过链接显示注释旋转风火轮
指向自动选择的输入框
放大镜链接效果
带注释的链接特效
文字闪烁效果
带注释的链接特效代码
点击文字显示隐藏链接
WEB2.0圆形边框css做法
推荐特效代码
字符连续消隐
文字变色逐个出现
段落文字百叶窗效果输出
点击文字显示隐藏链接
文字由小变大由大变小（动态变化
文字来回上下移动或跳动
