 |
热门文章 |
|
|
|
|
| 表格边框流动着色彩，不断变化颜色 |
| 来源：源码爱好者 更新时间：2011/1/12 10:28:01 阅读次数： 我要投稿 |
|
<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> |
| 特效说明： |
JavaScript让你的表格边框不断变化，像一串串流动的水，颜色可自定义，不过个人觉得实用性不大，因为产生了太多的冗长代码，可能会增大网页的体积，打开速度会变慢哦。 |
|
| 上一篇文章： 完美的JavaScript拖动层和缩放层下一篇文章： CSS重叠元素的定位与实现代码 |
|
|
|
注册 登录
