表格背景渐变(非用图片)

diy_888

于 2007-02-09 17:18:00 发布

阅读量847

点赞数

CC 4.0 BY-SA版权

分类专栏：好用的脚本文章标签： function javascript border table

本文链接：https://blog.csdn.net/diy_888/article/details/1506447

好用的脚本专栏收录该内容

1 篇文章

订阅专栏

<table id=tablebg width=200 border=1 bordercolordark=white bordercolorlight=black cellpadding=3 cellspacing=0
style="word-break:break-all;table-layout:fixed;color:#ffffff;">
<tbody align=center>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
<tr><td>aaaa</td></tr>
</tbody>
</table>
<script language="JavaScript">
//石井堅 2003-07-03
//顏色從rgb(0,0,0)一直變化到rgb(255,255,255)
var r=0;
var g=0;
var b=0;
var rgb;
function setTabColor()
{
var tid=document.getElementById("tablebg");
if(Math.floor(b)!=255){b++;}
else
{
    if (Math.floor(g)!=255){g++;b=0;}
    else
      {
        if(Math.floor(r)!=255){r=0;g=0;b=0;}
        else{r++;g=0;b=0;}
      }
}
//span1.innerHTML=span1.innerHTML+"<Br>Red:"+r+",Green:"+g+",Blue:"+b;
tid.style.backgroundColor=RGB1(r,g,b)
}
colorInterval=setInterval("setTabColor()",1);
</script>
<span id=span1></span>
<script language=Vbs>
Function RGB1(r,g,b)
RGB1=RGB(r,g,b)
End Function
</script>