打印

表格艺术经典回顾

marvellous [楼主]

金翅擘海

荣誉管理团队

帖子: 13287
体力: 27867
威望: 143
当前: 北京朝阳区

1^# 大中小发表于 2006-3-19 23:56

本帖旨在挖掘表格在艺术创意方面的一些功能效果。

提示：您可以先修改部分代码再运行

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-htm.../loose.dtd"> 
<HTML><HEAD><TITLE>Rounded Box Demo</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<STYLE type=text/css>
BODY {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 16px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Georgia; BACKGROUND-COLOR: #fff
}
DIV.rounded-box {
    MARGIN: 3px; WIDTH: 9em; POSITION: relative; BACKGROUND-COLOR: #e6e6e6; filter:Alpha(Opacity=50);
}
DIV.top-left-corner {
    OVERFLOW: hidden; WIDTH: 20px; POSITION: absolute; HEIGHT: 20px; BACKGROUND-COLOR: #fff
}
DIV.bottom-left-corner {
    OVERFLOW: hidden; WIDTH: 20px; POSITION: absolute; HEIGHT: 20px; BACKGROUND-COLOR: #fff
}
DIV.top-right-corner {
    OVERFLOW: hidden; WIDTH: 20px; POSITION: absolute; HEIGHT: 20px; BACKGROUND-COLOR: #fff
}
DIV.bottom-right-corner {
    OVERFLOW: hidden; WIDTH: 20px; POSITION: absolute; HEIGHT: 20px; BACKGROUND-COLOR: #fff
}
DIV.top-left-inside {
    FONT-SIZE: 150px; COLOR: #e6e6e6; LINE-HEIGHT: 40px; FONT-FAMILY: arial; POSITION: relative
}
DIV.bottom-left-inside {
    FONT-SIZE: 150px; COLOR: #e6e6e6; LINE-HEIGHT: 40px; FONT-FAMILY: arial; POSITION: relative
}
DIV.top-right-inside {
    FONT-SIZE: 150px; COLOR: #e6e6e6; LINE-HEIGHT: 40px; FONT-FAMILY: arial; POSITION: relative
}
DIV.bottom-right-inside {
    FONT-SIZE: 150px; COLOR: #e6e6e6; LINE-HEIGHT: 40px; FONT-FAMILY: arial; POSITION: relative
}
DIV.top-left-corner {
    LEFT: 0px; TOP: 0px
}
DIV.bottom-left-corner {
    LEFT: 0px; BOTTOM: 0px
}
DIV.top-right-corner {
    RIGHT: 0px; TOP: 0px
}
DIV.bottom-right-corner {
    RIGHT: 0px; BOTTOM: 0px
}
DIV.top-left-inside {
    LEFT: -8px
}
DIV.bottom-left-inside {
    LEFT: -8px; TOP: -17px
}
DIV.top-right-inside {
    LEFT: -25px
}
DIV.bottom-right-inside {
    LEFT: -25px; TOP: -17px
}
DIV.box-contents {
    PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 8px; COLOR: #000; PADDING-TOP: 8px; POSITION: relative
}
</STYLE>
<META content="MSHTML 6.00.2800.1106" name=GENERATOR></HEAD>
<BODY>
<DIV class=rounded-box>
<DIV class=top-left-corner>
<DIV class=top-left-inside>&bull;</DIV></DIV>
<DIV class=bottom-left-corner>
<DIV class=bottom-left-inside>&bull;</DIV></DIV>
<DIV class=top-right-corner>
<DIV class=top-right-inside>&bull;</DIV></DIV>
<DIV class=bottom-right-corner>
<DIV class=bottom-right-inside>&bull;</DIV></DIV>
<DIV class=box-contents>
<center>
<table border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td width="1" rowspan="2"></td>
        <td width="1" height="1"></td>
        <td height="1" bgcolor="#cccccc"></td>
        <td width="1"></td>
        <td width="1" rowspan="2"></td>
    </tr>
    <tr>
        <td width="1" height="1" bgcolor="#cccccc"></td>
        <td height="1"></td>
        <td width="1" bgcolor="#cccccc"></td>
    </tr>
    <tr>
        <td width="1" bgcolor="#cccccc"></td>
        <td width="1" height="1"></td>
        <td width="120 height="0"><marquee direction="right" scrollamount="10"><table style="font-size:1px;width:50px;height:10px;"><tr><td bgcolor="#e5fee5"></td><td bgcolor="#caf7ca"></td><td bgcolor="#8feb90"></td></tr></table></marquee></td>
        <td width="1" height="1"></td>
        <td width="1" bgcolor="#cccccc"></td>
    </tr>
    <tr>
        <td rowspan="2"></td>
        <td height="1" bgcolor="#cccccc"></td>
        <td height="1"></td>
        <td bgcolor="#cccccc"></td>
        <td rowspan="2"></td>
    </tr>
    <tr>
        <td height="1"></td>
        <td height="1" bgcolor="#cccccc"></td>
        <td></td>
    </tr>
</table>
</DIV></DIV>
<br><br>
<style>td{color:red;font-family:华文行楷;font-size:14px;}</style>
<center>
<TABLE BORDER="5" BORDERCOLOR="#0080FF" BORDERCOLORLIGHT="#62B0FF" BORDERCOLORDARK="#004B97" BGCOLOR=#FFCC33 cellspacing="10" cellpadding="10" style=" FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=yellow,endColorStr=green);">
<TR><TD>良</TD><TD>天</TD></TR>
<TR><TD>心</TD><TD>地</TD></TR>
</TABLE>
<br><br>
<TABLE WIDTH="100" BORDER="0" HEIGHT="100" CELLPADDING="0" CELLSPACING="0">
<TR>
<TD>&nbsp;</TD>
<TD style="BORDER-BOTTOM: #000000 0px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid">&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>
<TR>
<TD style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 0px solid; BORDER-TOP: #000000 1px solid">&nbsp;</TD>
<TD>&nbsp;</TD>
<TD style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 0px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid">&nbsp;</TD>
</TR>
<TR>
<TD>&nbsp;</TD>
<TD style="BORDER-BOTTOM: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 0px solid">&nbsp;</TD>
<TD>&nbsp;</TD>
</TR>
</TABLE>
</BODY></HTML>

提示：您可以先修改部分代码再运行

提示：您可以先修改部分代码再运行

┏┯┓┏┯┓┏┯┓┏┯┓
┠知┨┠往┨┠观┨┠来┨
┗┷┛┗┷┛┗┷┛┗┷┛

TOP

西部数码VPS主机1G内存仅266元

Sheneyan

子虚乌有

荣誉管理团队

认证
帖子: 8272
体力: 19495
威望: 177
当前: 福建厦门
离线: 34 天

专长 JS,JAVA,Oracle

2^# 大中小发表于 2006-3-20 00:15

呵呵，第二个例子很有意思

子叶:子乌的叶子
帅哥们，美女们，新的一年终于来了，祝贺你们...终于又老了一岁~

TOP

广州周立功诚聘—平面/网页/UI/工业设计师 | 天业互联-酷睿租用599￥

SenFe

盛飞

钻石会员

认证
帖子: 5331
体力: 9999
威望: 14
当前: 四川成都

专长 ASP,Access

3^# 大中小发表于 2006-3-20 00:20

我也看中这个了。

提示：您可以先修改部分代码再运行

淡泊以明志宁静而致远

TOP

认证您的手机，获得手机认证图标

，更多手机认证的好处

marvellous [楼主]

金翅擘海

荣誉管理团队

帖子: 13287
体力: 27867
威望: 143
当前: 北京朝阳区

4^# 大中小发表于 2006-3-20 01:28

颜色渐变在表格上的应用:

提示：您可以先修改部分代码再运行

<p align="center" style="line-height: 20px"> 
<span id="glowtext" style="color:lime;font-size:14px;font-family:华文行楷;">&&&钻石恒久远,一颗永流传&&&</span>
<style>
body {filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='black',endColorstr='blue');}
</style>
<center>
<table cellspacing="10" cellpadding="10">
<tr>
<td width="100" height="75" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='red',endColorstr='blue');">&nbsp;</td>
<td width="100" height="75" style="filter:progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#004040',endColorstr='#C0FFFF');">&nbsp;</td>
<td width="100" height="75" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#c0c0ff',endColorstr='#0000FF');">&nbsp;</td>
<td width="100" height="75" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#ff0000',endColorstr='#ffeeee');">&nbsp;</td>
<td width="100" height="75" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#FFFFEE',endColorstr='#EEDD00');">&nbsp;</td>
<td width="100" height="75" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='0',startColorstr='#008800',endColorstr='#ddffdd');">&nbsp;</td>
<td width="100" height="75" style="FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType='1',startColorstr='#006600',endColorstr='#88ff88');"></td>
</tr></table>
<br><br>
<table  frame=void border=1 bordercolor=blue cellpadding=0 cellspacing=0 width=200 style="border-collapse:collapse;table-layout:fixed;">
<tr><td>心昭日月</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td></tr><tr><td>&nbsp;</td><td>&nbsp;</td><td>气壮山河</td></tr></table>
<br><br>
<center>╔────────╗<br>│<font color="808080">力拔山河</font><font color="FF0000">㊣</font>│<br>╚────────╝
<br>
<style by tesion>
th { background: #CCCCCC;font-family:华文行楷;color:white;filter:progid:DXImageTransform.microsoft.gradient(startColorStr=blue,endColorStr=skyblue);font-size:14px;}
td {background: #e8e8e8;font-family:隶书;text-align:center;color:lime;filter:progid:DXImageTransform.microsoft.gradient(startColorStr=skyblue,endColorStr=blue);font-size:14px;}
</style>
<center>
<table height="222" width="147" cellspacing="0">
<tr>
<th>半根の烟</th>
</tr>
<tr>
<td>古惑狼一</td>
</tr>
<tr>
<th>在线元素</th>
</tr>
<tr>
<td>水中月台</td>
</tr>
<tr>
<th>一叶孤舟</th>
</tr>
<tr>
<td>
<span id="a"></span>
<script language="javascript">
var str="求莫名堂";
var j=0;
function blurStr()
{
	out="";
	for(i=0;i<str.length;i++)
	{
	  if(i==j)out+="<font FACE='Verdana, Arial, Helvetica, sans-serif' color='red'>"+str.charAt(i)+"</font>";
	  else out+=str.charAt(i);
	}
	a.innerHTML=out;
	(j==str.length)?j=0:j++;
}
setInterval("blurStr()",100);
</script>
</td>
</tr>
</table>
<style>

</style>
<script language="JavaScript1.2">
function glowit(which){
if (document.all.glowtext[which].filters[0].strength==4)
document.all.glowtext[which].filters[0].strength=1
else
document.all.glowtext[which].filters[0].strength=4
}
function glowit2(which){
if (document.all.glowtext.filters[0].strength==4)
document.all.glowtext.filters[0].strength=1
else
document.all.glowtext.filters[0].strength=4
}
function startglowing(){
if (document.all.glowtext&&glowtext.length){
for (i=0;i<glowtext.length;i++)
eval('setInterval("glowit('+i+')",150)')
}
else if (glowtext)
setInterval("glowit2(0)",150)
}
if (document.all)
window.onload=startglowing
</script>
<p align="center" style="line-height: 20px"> 
<span id="glowtext" style="color:lime;font-size:12px;font-family:华文行楷;">&&&生动的,鲜明的,鲜艳的,大胆的,清晰的,活泼的,逼真的&&&</span>

提示：您可以先修改部分代码再运行

┏┯┓┏┯┓┏┯┓┏┯┓
┠知┨┠往┨┠观┨┠来┨
┗┷┛┗┷┛┗┷┛┗┷┛

TOP

用CSS布局建站从零开始 | Photoshop中打造史诗般梦幻场景 | 05年第一次软件行业创业的惨痛教训

majia775

初级会员

帖子: 172
体力: 196
威望: 0
离线: 810 天

5^# 大中小发表于 2006-3-20 11:06

果然非常经典，学习．．

阿米脱服...闭关修炼.
所谓花的美，只是一些花粉囊和水的幻觉。－花,可无缺

TOP

xie1982

初级会员

帖子: 29
体力: 57
威望: 0
离线: 14 天

6^# 大中小发表于 2006-3-20 14:10

不错啊....收藏呢...

TOP

爱情麻瓜

初级会员

帖子: 42
体力: 134
威望: 0
离线: 114 天

7^# 大中小发表于 2006-3-21 09:19

够我研究一阵了。谢谢LZ。

谢谢你的帮助！！

TOP

powerzl

清风听雨

中级会员

帖子: 212
体力: 489
威望: 0
离线: 75 天

8^# 大中小发表于 2006-3-22 09:25

学习学习先

高雅清香的春兰秋桂，不慕求虚荣，不阿谀权贵；芳香出于自然，不是为了博取别人欣赏。

TOP

shqianlei

初级会员

帖子: 117
体力: 55
威望: 0
当前: 上海闸北
离线: 89 天

专长 网页设计,UI

9^# 大中小发表于 2006-3-22 09:57

都挺不错的

yi80.com

TOP

marvellous [楼主]

金翅擘海

荣誉管理团队

帖子: 13287
体力: 27867
威望: 143
当前: 北京朝阳区

10^# 大中小发表于 2006-3-23 18:40

这个文件较大,不推荐使用：

<center>
<table cellspacing="0" cellpadding="0">
<tr><td><table style="border:1000 groove lime;zoom:0.03;filter:fliph flipv;" cellspacing="0" cellpadding="0"><tr><td>&nbsp;</td></tr></table></td><td><table style="border:1000 groove red;zoom:0.03;filter: flipv;" cellspacing="0" cellpadding="0"><tr><td>&nbsp;</td></tr></table></td></tr>
<tr><td><table style="border:1000 groove cyan;zoom:0.03;filter:fliph;" cellspacing="0" cellpadding="0"><tr><td>&nbsp;</td></tr></table></td><td><table style="border:1000 groove blue;zoom:0.03;" cellspacing="0" cellpadding="0"><tr><td>&nbsp;</td></tr></table></td></tr>
</table>
<center>
<div style="width:499;">
<marquee behavior="alternate">
<img src="http://www.blueidea.com/articleimg/usericon/marvellous.gif" align="absmiddle" style="filter:fliph;"><span style="filter:dropshadow(offx=1,offy=0,color=#666666) dropshadow
(offx=0,offy=1,color=#666666) dropshadow(offx=-1,offy=0,color=#666666) 
dropshadow(offx=0,offy=-1,color=#666666);height:1px;font:normal 18px 隶书
;color:#ffffff">金翅擘海</span>
<span style="filter:glow(color=#fa2233,strength=1);height:1px;font:normal 
18px 华文行楷;color:#ffffff">只提供有价值的答案</span><img src="http://www.blueidea.com/articleimg/usericon/marvellous.gif" align="absmiddle">
</marquee>
</div>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>滑块条</title>
<style type="text/css">
.trackBar
{
    background-color:#666666;
}
.trackBar_slider
{
    border:1px solid #808080;
    background-color:#FFFFFF;
}
</style>
</head>
<script type="text/javascript" language="javascript">

</script>
<body onload="InitTrackBar()">
<center>
<table>
	<tr>
		<td><input type="text" name="trackBar1_info" id="trackBar1_info" size="3"></td>
		<td><input type="text" name="trackBar2_info" id="trackBar2_info" size="3"></td>
		<td><input type="text" name="trackBar3_info" id="trackBar3_info" size="3"></td>
		<td><input type="text" name="trackBar4_info" id="trackBar4_info" size="3"></td>
		<td><input type="text" name="trackBar5_info" id="trackBar5_info" size="3"></td>
		<td><input type="text" name="trackBar6_info" id="trackBar6_info" size="3"></td>
		<td><input type="text" name="trackBar7_info" id="trackBar7_info" size="3"></td>
		<td><input type="text" name="trackBar8_info" id="trackBar8_info" size="3"></td>
		<td><input type="text" name="trackBar9_info" id="trackBar9_info" size="3"></td>
		<td><input type="text" name="trackBar10_info" id="trackBar10_info" size="3"></td>
	</tr>
	<tr>
		<td align="center"><div id="trackBar1" class="trackBar"></div></td>
		<td align="center"><div id="trackBar2" class="trackBar"></div></td>
		<td align="center"><div id="trackBar3" class="trackBar"></div></td>
		<td align="center"><div id="trackBar4" class="trackBar"></div></td>
		<td align="center"><div id="trackBar5" class="trackBar"></div></td>
		<td align="center"><div id="trackBar6" class="trackBar"></div></td>
		<td align="center"><div id="trackBar7" class="trackBar"></div></td>
		<td align="center"><div id="trackBar8" class="trackBar"></div></td>
		<td align="center"><div id="trackBar9" class="trackBar"></div></td>
		<td align="center"><div id="trackBar10" class="trackBar"></div></td>
	</tr>
</table>
<br><br><br>
<style>
A {
    COLOR: #333333; TEXT-DECORATION: none ;border-bottom:1px dotted
}
A:hover {
    COLOR: #333333; background-color:#C0FFFF;
}
td {
    FONT-SIZE: 9pt; FONT-FAMILY: "Verdana"; color:#3333333;letter-spacing : 1pt ;line-
height :14pt}
</style>
<table width=380 bgcolor=#f7f8f9 border=0 cellspacing=0 style="border:#cccccc 1px solid;" 
height="18"><tr><td><div id="icefable1" style="width:500;">
<TABLE cellSpacing=0 cellPadding=0 border=0 height="18"><TBODY><TR><TD 
width=201 height=18>&#183;<A href="http://itbbs.pconline.com.cn/traditional/showVote.jsp?
topic=390802&amp;forum=27&amp;voteId=642" target=_blank>是时候给家里安装无线网络啦
</A></TD><TD width=177 height=18>&#183;<A 
href="http://itbbs.pconline.com.cn/traditional/showVote.jsp?
topic=391065&amp;forum=26&amp;voteId=645" target=_blank>RSS：会不会革IE的命? 
</A></TD></TR><TR><TD height=18>&#183;<A 
href="http://itbbs.pconline.com.cn/traditional/article.jsp?topic=349368&amp;forum=5%20" 
target=_blank>惨痛！AGP插槽烧了......</A></TD><TD height=18>&#183;<A 
href="http://itbbs.pconline.com.cn/traditional/article.jsp?
topic=389094&amp;forum=26&amp;voteId=0" target=_blank>PC 上演绎 MAC 神话 ！
</A></TD></TR><TR><TD height=18>&#183;<A 
href="http://itbbs.pconline.com.cn/traditional/article.jsp?topic=386963&amp;forum=7" 
target=_blank>六种完美解决显示器问题方法</A> </TD><TD height=18><A 
href="http://itbbs.pconline.com.cn/traditional/article.jsp?topic=388737&amp;forum=4" 
target=_blank>&#183;Free仔靓卡损失惨重!多图</A></TD></TR></TBODY></TABLE>
                 </div><div id="icefable2" style="position:absolute;z-
index:1;visibility:hidden"></div></td></tr></table>
<script>
marqueesHeight=18;
stopscroll=false;
icefable1.scrollTop=0;
with(icefable1){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
preTop=0; currentTop=0; stoptime=0;
function init_srolltext(){
icefable2.innerHTML="";
icefable2.innerHTML+=icefable1.innerHTML; 
icefable1.innerHTML=icefable2.innerHTML+icefable2.innerHTML;
setInterval("scrollUp()",50);
}
function scrollUp(){
if(stopscroll==true) return;
currentTop+=1;
if(currentTop==19)
{
    stoptime+=1;
    currentTop-=1;
    if(stoptime==50) 
    {
        currentTop=0;
        stoptime=0;
    }
}
else {     
     preTop=icefable1.scrollTop;
     icefable1.scrollTop+=1;
     if(preTop==icefable1.scrollTop){
     icefable1.scrollTop=icefable2.offsetHeight-marqueesHeight;
     icefable1.scrollTop+=1;
     }
}
}
init_srolltext();
</script>
<br>
<Script Language=JavaScript>
function tdbg(tid,sid,sbg){
var TdCount=document.all.tags("td");
for (i=0; i<TdCount.length; i++) {
var obj1 = TdCount(i);
if (obj1.id == sid || obj1.trid == tid){
obj1.bgColor=sbg;
}
}
}
</script>
<table border="1" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="400">
  <tr>
    <td width="14%" trid=1 id=td1 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=1 id=td2 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=1 id=td3 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=1 id=td4 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=1 id=td5 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="15%" trid=1 id=td6 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="15%" trid=1 id=td7 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
  </tr>
  <tr>
    <td width="14%" trid=2 id=td1 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=2 id=td2 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=2 id=td3 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=2 id=td4 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=2 id=td5 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="15%" trid=2 id=td6 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="15%" trid=2 id=td7 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
  </tr>
  <tr>
    <td width="14%" trid=3 id=td1 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=3 id=td2 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=3 id=td3 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=3 id=td4 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=3 id=td5 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="15%" trid=3 id=td6 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="15%" trid=3 id=td7 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
  </tr>
  <tr>
    <td width="14%" trid=4 id=td1 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=4 id=td2 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=4 id=td3 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=4 id=td4 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=4 id=td5 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="15%" trid=4 id=td6 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="15%" trid=4 id=td7 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
  </tr>
  <tr>
    <td width="14%" trid=5 id=td1 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=5 id=td2 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=5 id=td3 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=5 id=td4 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=5 id=td5 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="15%" trid=5 id=td6 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="15%" trid=5 id=td7 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
  </tr>
  <tr>
    <td width="14%" trid=6 id=td1 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=6 id=td2 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=6 id=td3 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=6 id=td4 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=6 id=td5 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="15%" trid=6 id=td6 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="15%" trid=6 id=td7 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
  </tr>
  <tr>
    <td width="14%" trid=7 id=td1 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=7 id=td2 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=7 id=td3 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=7 id=td4 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="14%" trid=7 id=td5 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="15%" trid=7 id=td6 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
    <td width="15%" trid=7 id=td7 onMouseOver="tdbg(this.trid,this.id,'#008000');" onMouseOut="tdbg(this.trid,this.id,'#FFFFFF');">　</td>
  </tr>
</table>
<font color="Red"><br>┏━┯━┓<br>┃狼│古┃<br>┠─┼─┨<br>┃一│惑┃<br>┗━┷━┛ </font><br>
</body>
</html>

提示：您可以先修改部分代码再运行

┏┯┓┏┯┓┏┯┓┏┯┓
┠知┨┠往┨┠观┨┠来┨
┗┷┛┗┷┛┗┷┛┗┷┛

TOP

pswood

新手上路

帖子: 29
体力: 43
威望: 0
当前: 山西太原
离线: 292 天

11^# 大中小发表于 2006-3-23 22:11

强人。支持中~~

辰达网络

TOP

vikenlee

初级会员

帖子: 15
体力: 55
威望: 0
离线: 696 天

12^# 大中小发表于 2006-3-24 04:34

TABLE只能成为过去，现在都流行XHTML+CSS了

TOP

marvellous [楼主]

金翅擘海

荣誉管理团队

帖子: 13287
体力: 27867
威望: 143
当前: 北京朝阳区

13^# 大中小发表于 2006-3-30 14:00

<table width="719px" height="387px" border="1" bordercolor="#008000" cellpadding="0" cellspacing="0" style="z-index:1;border: 0px solid #008000;border-collapse:collapse;position:absolute; left:212; top:7;">
<tr>
    <td width="58" height="16"></td>
    <td width="64" height="16"></td>
    <td width="103" height="16"></td>
    <td width="13" height="16"></td>
    <td width="101" height="16"></td>
    <td width="21" height="16"></td>
    <td width="150" height="16"></td>
    <td width="171" height="16"></td>
    <td width="38" height="16"></td>
</tr>
<tr>
    <td width="58" height="73"></td>
    <td width="64" height="73"></td>
    <td width="103" height="73"></td>
    <td width="13" height="73"></td>
    <td width="101" height="73"></td>
    <td width="21" height="73"></td>
    <td colspan=2 rowspan=2 id=c1 bgcolor='white' bgcolor='red' width="150" height="73"></td>
    <td width="38" height="73"></td>
</tr>
<tr>
    <td width="58" height="56"></td>
    <td width="64" height="56"></td>
    <td width="103" height="56"></td>
    <td width="13" height="56"></td>
    <td colspan=3 rowspan=3 id=c0 bgcolor='white' bgcolor='red' width="101" height="56"></td>
    <td width="38" height="56"></td>
</tr>
<tr>
    <td width="58" height="15"></td>
    <td width="64" height="15"></td>
    <td width="103" height="15"></td>
    <td width="13" height="15"></td>
    <td width="171" height="15"></td>
    <td width="38" height="15"></td>
</tr>
<tr>
    <td width="58" height="57"></td>
    <td width="64" height="57"></td>
    <td colspan=3 rowspan=3 id=c2 bgcolor='white' bgcolor='red' width="103" height="57">
<script>
oTimer=setInterval(function(){oFont.color=oFont.color=='#ff0000'?'blue':'red'},100)
</script>
<center>
<font size="4" face="华文行楷" id="oFont" color="red" style="cursor:hand">
欲擒故纵<br>
欲罢不能<br>
欲壑难填<br>
</font></center>
</td>
    <td width="171" height="57"></td>
    <td width="38" height="57"></td>
</tr>
<tr>
    <td width="58" height="24"></td>
    <td width="64" height="24"></td>
    <td width="21" height="24"></td>
    <td width="150" height="24"></td>
    <td width="171" height="24"></td>
    <td width="38" height="24"></td>
</tr>
<tr>
    <td width="58" height="43"></td>
    <td colspan=2 rowspan=2 id=c3 bgcolor='white' bgcolor='red' width="64" height="43"></td>
    <td width="21" height="43"></td>
    <td width="150" height="43"></td>
    <td width="171" height="43"></td>
    <td width="38" height="43"></td>
</tr>
<tr>
    <td width="58" height="35"></td>
    <td width="13" height="35"></td>
    <td width="101" height="35"></td>
    <td width="21" height="35"></td>
    <td width="150" height="35"></td>
    <td width="171" height="35"></td>
    <td width="38" height="35"></td>
</tr>
<tr>
    <td width="58" height="68"></td>
    <td width="64" height="68"></td>
    <td width="103" height="68"></td>
    <td width="13" height="68"></td>
    <td width="101" height="68"></td>
    <td width="21" height="68"></td>
    <td width="150" height="68"></td>
    <td width="171" height="68"></td>
    <td width="38" height="68"></td>
</tr>
</table>

提示：您可以先修改部分代码再运行

<center><font color="yellow" face="隶书">
 <SCRIPT>
today=new Date();
var day; var date; var hello; var wel;
hour=new Date().getHours()
if(hour < 6)hello='凌晨好'
else if(hour < 9)hello='早上好'
else if(hour < 12)hello='上午好'
else if(hour < 14)hello='中午好'
else if(hour < 17)hello='下午好'
else if(hour < 19)hello='傍晚好'
else if(hour < 22)hello='晚上好'
else {hello='夜里好!'}
if(today.getDay()==0)day='星期日'
else if(today.getDay()==1)day='星期一'
else if(today.getDay()==2)day='星期二'
else if(today.getDay()==3)day='星期三'
else if(today.getDay()==4)day='星期四'
else if(today.getDay()==5)day='星期五'
else if(today.getDay()==6)day='星期六'
date=(today.getYear())+'年'+(today.getMonth() + 1 )+'月'+today.getDate()+'日';
if(hour<1)wel='子时';
else if(hour<3)wel='丑时';
else if(hour<5)wel='寅时';
else if(hour<7)wel='卯时';
else if(hour<9)wel='辰时';
else if(hour<11)wel='巳时';
else if(hour<13)wel='午时';
else if(hour<15)wel='未时';
else if(hour<17)wel='申时';
else if(hour<19)wel='酉时';
else if(hour<21)wel='戌时';
else if(hour<23)wel='亥时';
else {wel='子时';}
document.write(hello);
</SCRIPT>！ 现在是<SCRIPT>
document.write(date + ' ' + day + ' ' + wel);
    </SCRIPT> 
</font>
<style>
body{filter:progid:DXImageTransform.microsoft.gradient(startColorStr=#ff0000ff,endColorStr=#ff000000);}
td {font-family:华文行楷;font-size:12px;border:1px dashed lime;}
table {border:12px groove blue;filter:progid:DXImageTransform.microsoft.gradient(startColorStr=#ff0000ff,endColorStr=#ff000000);table-layout:fixed;}
</style>
<center>
<table width="444" border="0" cellpadding="12" cellspacing="22" 
bgcolor="#000000" height="99">
  <tr>
    <td bgcolor="#FFFF00" style="text-align:left;">
<style>
a:visited{text-decoration:none;color:red}
a:hover{color:blue;text-decoration:none;border-bottom:dashed 1px}
</style>
<a href="#">挥之不去的眷恋</a>
</td><td 
bgcolor="#00FFFF" style="text-align:right;">
<div style="width: 96; height: 9" class=coffee onMouseOver="this.style.filter='glow(color=#efef22, strength=3)'" 
onMouseOut='this.style.filter=""'> 

<a href="#">金翅擘海<font color="green">知</font><font color="#FF2222">往</font><font color="#001199">观</font><font color="#ff11fa">来</font></a></div>
</td>
  </tr>
   <tr>
    <td bgcolor="#FF00FF" style="text-align:left;">在高潮时享受成就，</td><td bgcolor="#FFFFFF" style="text-align:right;">在低潮时享受人生！</td>
  </tr>
  <tr>
    <td bgcolor="#00FF00" style="text-align:left;">
<font id="oFont" color="red" onmouseover="oTimer=setInterval(function(){oFont.color=oFont.color=='#ff0000'?'blue':'red'},100)" onmouseout="clearInterval(oTimer)" style="cursor:hand">阳 光 照 射 大 地</font>
</td><td bgcolor="#FF0000" style="text-align:right;">享 受 着 这 种 美 好</td>
  </tr></table>
<br><br>
<style>
  .rainbow{ behavior:url(rainbow.htc) ;font-family:华文行楷;font-size:16px;} 
</style>
<span class="rainbow">要为成功找方法，不为失败找借口</span>
<br><br>
<script language=JavaScript1.2> 
function high(which){ 
theobject=which 
highlighting=setInterval("highlightit(theobject)",50) 
} 
function low(which){ 
clearInterval(highlighting) 
which.filters.alpha.opacity=25 
} 
function highlightit(that){ 
if (that.filters.alpha.opacity<100) 
that.filters.alpha.opacity+=10 
else if (window.highlighting) 
clearInterval(highlighting) 
} 
</script> 
<center>
<SCRIPT language="JavaScript">
</SCRIPT>
<br><br><br><br><br><br><br><br>

提示：您可以先修改部分代码再运行

┏┯┓┏┯┓┏┯┓┏┯┓
┠知┨┠往┨┠观┨┠来┨
┗┷┛┗┷┛┗┷┛┗┷┛

TOP

cqdonggua

初级会员

帖子: 49
体力: 173
威望: 0
离线: 737 天

14^# 大中小发表于 2006-3-30 16:03

强呀，非常有用，我已经马上应用到公司的网站中了，谢谢斑竹！收藏：）

三人行，必有我师！

TOP

godboyjojo

初级会员

帖子: 11
体力: 56
威望: 0
离线: 1130 天

15^# 大中小发表于 2006-4-4 15:18

谢谢收藏先表格还有这么多用法的啊强~

TOP

windkoo

中级会员

帖子: 169
体力: 370
威望: 0
当前: 四川成都
离线: 2 天

专长 前端制作,JS,PHP

16^# 大中小发表于 2006-4-4 17:20

强人啊！！！

TOP

jdrs

初级会员

帖子: 54
体力: 136
威望: 0
离线: 17 天

17^# 大中小发表于 2006-4-4 17:27

满有创意的哦！！

中国民族素材网——民族的，才是世界的。

TOP

k236740

蓝星国度

中级会员

帖子: 236
体力: 326
威望: 28
当前: 台湾台中
离线: 10 天

专长 网页设计,UI,前端制作

18^# 大中小发表于 2006-4-4 21:01

vikenlee在上个帖子中说

引用:

TABLE只能成为过去，现在都流行XHTML+CSS了

话不是这么说的
WEB标准只是提倡不再用表格布局
而用XHTML+CSS布局

并没有说表格会成为过去式
WEB重点说
使用TABLE应该遵守到它的本分
作它应该做的事情

例如用它来显示资料
这是XHTML+CSS所望尘莫及的

在網頁設計的領域裡~沒有做不到~只有想不到

TOP

crazyblueidea

新手上路

帖子: 1
体力: 5
威望: 0
离线: 1186 天

19^# 大中小发表于 2006-4-5 08:56

楼上说的对,看你怎么想,艺术是想出来的,没有最好的工具,只有最好的思想!

TOP

kasima

新手上路

帖子: 10
体力: 19
威望: 0
离线: 1180 天

20^# 大中小发表于 2006-4-8 22:18

除了难看点外，其它都挺好。

我估计上面的老兄把标题敲错了吧，应该是表格“技术”经典回顾吧。

TOP

x03570227

初级会员

帖子: 48
体力: 174
威望: 0
离线: 425 天

21^# 大中小发表于 2006-4-8 23:36

不错,谢谢楼主,这些东西以前都找了好久的东西,现在这都齐了,省了我好多事,再一次谢谢楼主

caiban.langz.cn

TOP

sakuya789

初级会员

帖子: 61
体力: 164
威望: 0
离线: 1182 天

22^# 大中小发表于 2006-4-9 11:27

原来表格可以做出这么多效果!!!!!!!!!!!!!长见识了OTZ

>>>偶的页子```=v=a
我只是你心门外的一个气球

TOP

zhuyefei

新手上路

帖子: 1
体力: 4
威望: 0
离线: 1182 天

23^# 大中小发表于 2006-4-9 18:02

好东西啊

TOP

i2up

磊磊

高级会员

帖子: 306
体力: 639
威望: 0
当前: 江苏常州
离线: 1 天

专长 前端制作,JS,PHP

24^# 大中小发表于 2006-4-10 09:57

第一个太丑了!

VeryIDE 广告管理

TOP

songxiaoxiao

新手上路

帖子: 10
体力: 14
威望: 0
当前: 北京大兴区
离线: 93 天

25^# 大中小发表于 2006-4-10 13:20

学习学习

晓晓设计
www.china-ui.com
网站建设网页设计 flash制作数据度编程 web应用系统开发网站推广域名注册虚拟主机

TOP

marvellous [楼主]

金翅擘海

荣誉管理团队

帖子: 13287
体力: 27867
威望: 143
当前: 北京朝阳区

26^# 大中小发表于 2006-4-10 14:10

吉祥万字
参见《★「卍」字的由来★》
http://www1.blog.163.com/article/-KgdN-hI0WQB.html

提示：您可以先修改部分代码再运行

┏┯┓┏┯┓┏┯┓┏┯┓
┠知┨┠往┨┠观┨┠来┨
┗┷┛┗┷┛┗┷┛┗┷┛

TOP

marvellous [楼主]

金翅擘海

荣誉管理团队

帖子: 13287
体力: 27867
威望: 143
当前: 北京朝阳区

27^# 大中小发表于 2006-4-27 23:22

提示：您可以先修改部分代码再运行

提示：您可以先修改部分代码再运行

┏┯┓┏┯┓┏┯┓┏┯┓
┠知┨┠往┨┠观┨┠来┨
┗┷┛┗┷┛┗┷┛┗┷┛

TOP

aoyu33116

鳌鱼

中级会员

帖子: 657
体力: 329
威望: 0
当前: 上海浦东
离线: 8 天

专长 前端制作,.NET

28^# 大中小发表于 2006-4-28 09:53

牛的，收藏，收藏

ღ 鳌鱼 ღ

TOP

javapigpig

经典猪

金牌会员

帖子: 937
体力: 3067
威望: 26
当前: 北京昌平区
离线: 146 天

29^# 大中小发表于 2006-4-28 12:31

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>mytable</title>
<script language="JavaScript">
// src="anole.js"
// about this: javapig修改 源自 忘了。
// Date: 2006-04-29
function anole (
		str_tableid, 	   // table id 
		num_header_offset, // 表头行数 
		str_odd_color, 	   // 奇数行的颜色
		str_even_color,    // 偶数行的颜色
		str_mover_color,   // 鼠标经过行的颜色
		str_onclick_color  // 选中行的颜色
	) {
	// 表格ID参数验证
	if (!str_tableid) return alert (str_tableid+"表格不存在！");
	var obj_tables = (document.all ? document.all[str_tableid] : document.getElementById(str_tableid));
	if (!obj_tables) return alert ("ID为 (" + str_tableid + ")不存在！");
	// 设置个参数的缺省值
	var col_config = [];
	col_config.header_offset = (num_header_offset ? num_header_offset : 0);
	col_config.odd_color = (str_odd_color ? str_odd_color : '#ffffff');
	col_config.even_color = (str_even_color ? str_even_color : '#dbeaf5');
	col_config.mover_color = (str_mover_color ? str_mover_color : '#6699cc');
	col_config.onclick_color = (str_onclick_color ? str_onclick_color : '#4C7DAB');
	// 初始化表格（可能多个表格用同一个ID）
	if (obj_tables.length)
		for (var i = 0; i < obj_tables.length; i++)
			tt_init_table(obj_tables[i], col_config);
	else
		tt_init_table(obj_tables, col_config);
}
function tt_init_table (obj_table, col_config) {
	var col_lconfig = [],
		col_trs = obj_table.rows;
	if (!col_trs) return;
	
	for (var i = col_config.header_offset; i < col_trs.length ; i++) { //i 从 表头以下开始
		col_trs[i].config = col_config;
		col_trs[i].lconfig = col_lconfig;
		col_trs[i].set_color = tt_set_color;
		col_trs[i].onmouseover = tt_mover; 
		col_trs[i].onmouseout = tt_mout;
		col_trs[i].onmousedown = tt_onclick;
		col_trs[i].order = (i - col_config.header_offset) % 2;
		col_trs[i].onmouseout();
	}
}
function tt_set_color(str_color) {
	this.style.backgroundColor = str_color;
}
// 事件操作
function tt_mover () {
	if (this.lconfig.clicked != this)
		this.set_color(this.config.mover_color);
}
function tt_mout () {
	if (this.lconfig.clicked != this)
		this.set_color(this.order ? this.config.odd_color : this.config.even_color);
}
function tt_onclick () {
	if (this.lconfig.clicked == this) {
		this.lconfig.clicked = null;
		this.onmouseover();
	}
	else {
		var last_clicked = this.lconfig.clicked;
		this.lconfig.clicked = this;
		if (last_clicked) last_clicked.onmouseout();
		this.set_color(this.config.onclick_color);
	}
}
</script>
</head>
<body>
<table bgcolor="#9933ff" align="center" cellpadding="1" cellspacing="0" width="80%">
			<tr>
				<td>		
				<table id="demo" cellpadding="1" cellspacing="1" border="0" width="100%" align="center">
				<tr><th colspan="2" bgcolor="ffffff">HTML document object properties</th></tr>
				<tr><td width="20%">activeElement</td><td>Retrieves the object that has the focus.</td></tr>
				<tr><td>aLinkColor</td><td>Sets or retrieves the color of all links in the document.</td></tr>
				<tr><td>bgColor</td><td>Sets or retrieves the background color behe document object.</td></tr>
				<tr><td>body</td><td>Specifies the beginning and end of the document body.</td></tr>
				<tr><td>contentEditable</td><td>Sets or retrieves whether the userdocument object.</td></tr>
				<tr><td>cookie</td><td>Sets or retrieves the string value of a cookie.</td></tr>
				<tr><td>defaultCharset</td><td>Sets or retrieves the default chara of the document.</td></tr>
				<tr><td>designMode</td><td>Sets or retrieves whether the document can be edited.</td></tr>
				<tr><td>documentElement</td><td>Retrieves a reference to the root node of the document.</td></tr>
				<tr><td>domain</td><td>Sets or retrieves the security domain of the document.</td></tr>
				</table>
				</td>
			</tr>
			</table>
			<script language="JavaScript">
				anole('demo', 1,  '#ffffff', '#ccccff', '#ffccff', '#cc99ff');
			</script>
			
		
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

marvellous [楼主]

金翅擘海

荣誉管理团队

帖子: 13287
体力: 27867
威望: 143
当前: 北京朝阳区

30^# 大中小发表于 2006-5-4 02:14

表格的艺术魅力会令div+css望尘莫及

提示：您可以先修改部分代码再运行

┏┯┓┏┯┓┏┯┓┏┯┓
┠知┨┠往┨┠观┨┠来┨
┗┷┛┗┷┛┗┷┛┗┷┛

TOP