|
以下为引用的内容：企通互联
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">网站制作
<html xmlns="http://www.w3.org/1999/xhtml">网站建设
<head>网站制作
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />北京网站建设
<title>www.webjx.com</title>网站制作
<script language="javascript">网站制作
function tablecollapse()北京网页设计
{北京网站建设
/* Variables */网页设计
var collapseClass='footcollapse';网站建设
var collapsePic='http://www.webjx.com/upfiles/20070619/20070619214338_arrow_up.gif'; 中国站.长.站 网站制作
var expandPic='http://www.webjx.com/upfiles/20070619/20070619214348_arrow_down.gif';企通互联
var initialCollapse=true; 站.长站
// loop through all tables北京网站设计
var t=document.getElementsByTagName('table');北京网站建设
var checktest= new RegExp("(^|\\s)" + collapseClass + "(\\s|$)");网页设计
for (var i=0;i<t.length;i++)北京网页设计
{北京网页设计
// if the table has not the right class, skip it网页设计
if(!checktest.test(t[i].className)){continue;} Www_Chinaz_com
// make the footer clickable北京网页设计
t[i].getElementsByTagName('tfoot')[0].onclick=function()网页设计
{北京网页设计
// loop through all bodies of this table and show or hide 网页设计
// them北京网站设计
var tb=this.parentNode.getElementsByTagName('tbody');网页设计
for(var i=0;i<tb.length;i++)北京网页设计
{网站制作
tb[i].style.display=tb[i].style.display=='none'?'':'none';网页设计
} 网页设计
// change the image accordingly企通互联
var li=this.getElementsByTagName('img')[0];企通互联
li.src=li.src.indexOf(collapsePic)==-1?collapsePic:expandPic; 网站制作
}网页设计
// if the bodies should be collapsed initially, do so北京网站建设
if(initialCollapse)企通互联
{北京网站设计
var tb=t[i].getElementsByTagName('tbody'); Chinaz~com 网站建设
for(var j=0;j<tb.length;j++)北京网站建设
{网页设计
tb[j].style.display='none';网站制作
} 北京网站制作
}北京网站建设
// add the image surrounded by a dummy link to allow keyboard 网站制作
// access to the last cell in the footer网页设计
var newa=document.createElement('a');网站设计
newa.href='#';企通互联
newa.onclick=function(){return false;}北京网页设计
var newimg=document.createElement('img');网站设计
newimg.src=initialCollapse?expandPic:collapsePic;北京网站设计
var tf=t[i].getElementsByTagName('tfoot')[0];网页设计
var lt=tf.getElementsByTagName('td')[tf.getElementsByTagName('td').length-1];网站设计
newa.appendChild(newimg);北京网站建设
lt.insertBefore(newa,lt.firstChild);北京网站建设
} 企通互联
}网站建设
// run tablecollapse when the page loads北京网页设计
window.onload=tablecollapse; 中国站长.站
</script>北京网站制作
<style type="text/css">北京网站设计
body{北京网站建设
font-family:Arial,Sans-Serif;企通互联 北京网站设计
font-size:90%;北京网站制作
background:#cc9;网站设计
}北京网站建设
#boundary{北京网站设计
background:#f8f8f8;北京网站制作
padding:2em;北京网站设计
width:40em;网站制作
}网页设计
h1{北京网站建设
font-family:"Trebuchet MS",Sans-serif;网站建设
text-transform:uppercase;网站制作
color:#696;网站制作
font-size:120%; www.qitongnet.com网站制作
} 中国.站长站
table.footcollapse{北京网站建设
width:30em;北京网站制作
}北京网页设计
table.footcollapse caption{北京网页设计
font-size:120%;北京网页设计
text-transform:uppercase;北京网页设计
text-align:left;北京网站设计
padding:.5em 1em;网站制作
}网站设计
table.footcollapse th{北京网站设计
text-align:left; 网页设计网站制作
}北京网页设计
table.footcollapse,table.footcollapse th,table.footcollapse th网站建设
{北京网站建设
border:none;北京网页设计
border-collapse:collapse; 北京网页设计
}企通互联
table.footcollapse thead th网站建设
{北京网站设计
width:10em; 北京网站建设网站建设
border-style:solid;网站设计
border-width:1px;网站制作
border-color:#cff #69c #69c #cff;北京网页设计
background:#9cf;北京网站建设
padding:2px 10px;北京网站制作
}北京网站设计
table.footcollapse tfoot th,北京网站制作
table.footcollapse tfoot td 北京网站制作网站建设
{北京网站设计
border-style:solid;网页设计
border-width:1px;网站建设 北京网页设计
border-color:#9cf #369 #369 #9cf;北京网站设计
background:#69c;网站制作
padding:2px 10px;网站建设
}网页设计
table.footcollapse tbody{北京网页设计
background:#ddd; [中国站长站] 网站制作
}北京网站建设
table.footcollapse tbody td{网站设计
padding:5px 10px;网页设计
border:1px solid #999;网页设计
}企通互联
table.footcollapse tbody th{网站建设 网站设计
padding:2px 10px;企通互联
border:1px solid #999;北京网站建设
border-left:none;网页设计
}北京网站制作
table.footcollapse tbody tr.odd{北京网站设计
background:#ccc;北京网站设计
} Www_Chinaz_com
table.footcollapse tfoot td img{企通互联
border:none;企通互联
vertical-align:bottom;网站设计
padding-left:10px;北京网页设计
float:right;网站制作
} Www@Chinaz@com
网站建设
</style>网页设计
</head>北京网页设计
<body>网站设计
<table summary="CDs I listened to recently" class="footcollapse">企通互联
<caption>My recent CDs</caption>企通互联
<thead>北京网站设计
<tr>网站设计
<th>Title</th>网站建设
<th>Artist</th>北京网站设计
<th>Quality</th>企通互联
</tr>北京网页设计
</thead>网站设计
<tfoot>网站建设
<tr>北京网站设计
<th>Total</th>北京网站制作
<td colspan="2">5 CDs</td>网站制作
</tr>网站设计 网站建设
</tfoot>网站制作
<tbody>北京网站设计
<tr>北京网站制作
<th>Front 242</th>网页设计
<td>Front By Front</td>企通互联
<td>Quite OK</td>网站制作
</tr> Chinaz_com 北京网站设计
<tr class="odd">北京网页设计
<th>Miss Kittin</th>网站制作
<td>i.com</td>北京网页设计
<td>good buy</td>网站制作
</tr>北京网页设计
<tr>网页设计
<th>Die Fantastischen Vier</th>企通互联
<td>Viel</td>网站制作
<td>Nice comeback</td>北京网站设计
</tr>网站制作
<tr class="odd">网页设计
<th>Nine Inch Nails</th>网页设计
<td>With Teeth</td>北京网站建设
<td>Oh yes, finally a new one</td>企通互联
</tr>企通互联
<tr>北京网站制作
<th>Garbage</th>网站建设
<td>Bleed like me</td>网站制作
<td>Needs more listening</td>北京网站建设
</tr>网页设计
</tbody>网站建设
</table> Www_Chinaz_com
网站设计
<table summary="DVDs I watched recently" class="footcollapse">北京网站制作
<caption>My recent DVDs</caption>北京网站建设
<thead>网站建设
<tr>网站建设
<th>Title</th>网页设计
<th>Quality</th>北京网站建设
</tr>北京网站设计
</thead>网站建设
<tfoot>北京网站制作
<tr>网页设计
<th>Total</th>北京网页设计
<td>5 DVDs</td>北京网站建设
</tr>企通互联
</tfoot>北京网站制作
<tbody>北京网站制作
<tr>北京网站制作
<th>Star Trek TNG Season 7</th>网站设计
<td>They lost it</td>北京网站建设
</tr>北京网站建设
<tr class="odd">北京网站建设
<th>Big Fish</th>北京网页设计
<td>Wonderful Tale</td>北京网站制作
</tr>北京网站制作
<tr>网站建设
<th>Closer</th> Chinaz_com 北京网站建设
<td>I want my time back!</td>网页设计
</tr>网站建设
<tr class="odd">网页设计
<th>Hot Shots</th>企通互联
<td>Always worth it</td>北京网页设计
</tr>网站设计
<tr>北京网站设计
<th>The Party</th>网页设计
<td>A shame there is not more Sellers</td>北京网站制作
</tr>网站建设
</tbody>网站制作
</table>网站设计
</body>北京网页设计
</html> Www^Chinaz^com
|
