当前位置:编程学习 > JS >>

表格边框流动着色彩,不断变化颜色

JavaScript让你的表格边框不断变化,像一串串流动的水,颜色可自定义,不过个人觉得实用性不大,因为产生了太多的冗长代码,可能会增大网页的体积,打开速度会变慢哦。
答案:<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>流动边框效果的表格</title>
</head>
<body>
<SCRIPT>
l=Array(6,7,8,9,'a','b','b','c','d','e','f')
Nx=5;Ny=35
t="<table border=0 cellspacing=0 cellpadding=0 height="+((Nx+2)*16)+"><tr>"
for(x=Nx;x<Nx+Ny;x++)
t+="<td width=16 id=a_mo"+x+"> </td>"
t+="</tr><tr><td width=10 id=a_mo"+(Nx-1)+"> </td><td colspan="+(Ny-2)+" rowspan="+(Nx)+">苹果电脑在全球的份额并没有上升(5%),但是在美国已经不断上升,已经达到接近12%。在美国,苹果的使用主要在大城市(尤其是加州),还有高校,设计出版业。下图可以看到红色的地区都是大城市或者高科技大学区。去了北海道一周,人生像按了慢放键,雪在慢慢的落,不记得有声音,不记得有颜色。记得一句话:如果你想离开,能和谁告别?走出T3,静音键被打开,世界由黑白变回彩色,速度由慢放变快进,X2X4X8......微博的上限,140个字,是学TWEET。但这对咱们写中文的,颇不公平。做过翻译的知道,一段100英文词的文字,翻成中文就变成130-140个字。当然,不同文体有出入。所以,中文微博的上限,应以200个字为妥。当然,不增字也行,重回文言文就是。大家意见如何? </td><td width=16 id=a_mo"+(Nx+Ny)+"></td></tr>"
for(x=2;x<=Nx;x++)
t+="<tr><td width=16 id=a_mo"+(Nx-x)+"> </td><td width=16 id=a_mo"+(Ny+Nx+x-1)+"> </td></tr>"
t+="<tr>"
for(x=Ny;x>0;x--)
t+="<td width=16 id=a_mo"+(x+Nx*2+Ny-1)+"> </td>"
document.write(t+"</tr></table>")
var N=Nx*2+Ny*2
function f1(y){
for(i=0;i<N;i++){
c=(i+y)%20;if(c>10)c=20-c
document.all["a_mo"+(i)].bgColor="'#0000"+l[c]+l[c]+"'"}
y++
setTimeout('f1('+y+')','1')}
f1(1)
</SCRIPT>
</body>
</html>

上一个:隔行变色,用jquery实现的
下一个:Js实现表格隔行换色一例

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,