0顶

隔行变换的背景颜色效果

稿源：互联网 2022-05-28 17:02:30 点击： 665 撤稿纠错

表格按特定格式自己变换背景色的效果，很多地方使用到，可自定义颜色。

以下讨论的是和特效相关的隔行变换的背景颜色效果教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

有什么问题请到<a href='/bbs/index.asp?boardid=2'>论坛</a>中发表<br>


<style>
.t1 {background-color:#C8FC98;text-align:center}
.t2 {background-color:#ffffff;text-align:center}
</style>
<table id="table1" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr><td>jsjsdjksdfdfgdfd</td></tr>
<tr><td>vrtbtynyudegbg</td></tr>
<tr><td>btrgjyjyukmymy</td></tr>
<tr><td>fvdfthdhyjd</td></tr>
<tr><td>htyjertyuktuijcdukdetyjety</td></tr>
<tr><td>fdghrguiowheruighiaue</td></tr>
<tr><td>aosiiopweorhwdebfcjlhaSD</td></tr>
<tr><td>SDHFKAJBNELFJAOSDFA</td></tr>
<tr><td>sdafasdgdasfgggggggasdffasd</td></tr>
<tr><td>asdfgasdddddddddddd</td></tr>
<tr><td>sdagasdcxgggggggggg</td></tr>
<tr><td>dfshfdfgggfdfdsrhfgjh</td></tr>
<tr><td>gjghkjghkhjghdfghdfgh</td></tr>
<tr><td>fdhdfghhfghfghfghfdghfdghf</td></tr>
<tr><td>fghfghvcnbvnvbcvgtr</td></tr>
<tr><td>gfjhvcbcvbvcbcvbvcb</td></tr>
<tr><td>fghdhgdfhfg</td></tr>
<tr><td>shdfsjitirueruiwoiwopeirwueitu</td></tr>
<tr><td>sjdfkjherhtuiehrjfhgsjghghdfgd</td></tr>
</table>
<script Language="Javascript1.2">

for (i=0;i<table1.rows.length;i++) {
(i%2==0)?(table1.rows(i).className = "t1"):(table1.rows(i).className = "t2");
}

</script>

<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于隔行变换的背景颜色效果的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/200807153130.shtml方便下次再访问哦。

·上一篇： 按钮直接加链接效果的网页特效代码
·下一篇： 页面中固定表格位置

文章分类LIST >>返回首页

排行总榜

避免你的邮箱地址被自动收集的代码
有趣的按钮
控制用按钮打开新窗口的属性
单击按钮或图片打开IE首页
点击按钮打印该页
仿软件浮动按钮
在规定时间内方有效的按钮
一个按钮完成对文本框内容的复制
按钮选中文本框内所有内容
Windows式样的按钮

隔行变换的背景颜色效果

文章分类LIST >>返回首页

最新游戏

最新新闻