|
以下为引用的内容：网站设计
<!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 www.qitongnet.com北京网站制作
// 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%;网页设计
} 中国.站长站
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
|
