ASP源码
PHP源码
.NET源码
JSP源码
运行看到效果后，可以点向下箭头展开表格，点向上按钮可以收缩表格！希望对您有用！
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<span class="visiblesaf0">http://ww***.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</span>"> <html xmlns="<span class="visiblesaf1">http://ww***.org/1999/xhtml</span>"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>www.downcodes.com</title> <script language="javascript"> function tablecollapse() { /* Variables */ var collapseClass='footcollapse'; var collapsePic=''; var expandPic=''; var initialCollapse=true; // loop through all tables var <span class="visiblesaf2">t=***ument.getElementsByTagName</span>('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(!<span class="visiblesaf3">ch***test.test</span>(t[i].className)){continue;} // make the footer clickable t[i].getElementsByTagName('tfoot')[0].onclick=function() { // loop through all bodies of this table and show or hide // them var <span class="visiblesaf4">tb***is.parentNode.getElementsByTagName</span>('tbody'); for(var i=0;i<<span class="visiblesaf5">tb***ngth</span>;i++) { tb[i]<span class="visiblesaf6">.s***e.display=tb</span>[i]<span class="visiblesaf7">.s***e.display==</span>'none'?'':'none'; } // change the image accordingly var <span class="visiblesaf8">li***is.getElementsByTagName</span>('img')[0]; <span class="visiblesaf9">li***c=li.src.indexOf</span>(collapsePic)==-1?collapsePic:expandPic; } // if the bodies should be collapsed initially, do so if(initialCollapse) { var tb=t[i].getElementsByTagName('tbody'); for(var j=0;j<<span class="visiblesaf5">tb***ngth</span>;j++) { tb[j]<span class="visiblesaf11">.s***e.display=</span>'none'; } } // add the image surrounded by a dummy link to allow keyboard // access to the last cell in the footer var <span class="visiblesaf12">ne***document.createElement</span>('a'); <span class="visiblesaf13">ne***href=</span>'#'; <span class="visiblesaf14">ne***onclick=function</span>(){return false;} var <span class="visiblesaf15">ne***g=document.createElement</span>('img'); <span class="visiblesaf16">ne***g.src=initialCollapse?expandPic:collapsePic</span>; var tf=t[i].getElementsByTagName('tfoot')[0]; var <span class="visiblesaf17">lt***.getElementsByTagName</span>('td')[<span class="visiblesaf18">tf***tElementsByTagName</span>('td').length-1]; <span class="visiblesaf19">ne***appendChild</span>(newimg); <span class="visiblesaf20">lt***sertBefore</span>(newa,<span class="visiblesaf21">lt***rstChild</span>); } } // run tablecollapse when the page loads <span class="visiblesaf22">wi***w.onload=tablecollapse</span>; </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%; } <span class="visiblesaf23">ta***.footcollapse</span>{ width:30em; } <span class="visiblesaf23">ta***.footcollapse</span> caption{ font-size:120%; text-transform:uppercase; text-align:left; <span class="visiblesaf25">pa***ng:.5em</span> 1em; } <span class="visiblesaf23">ta***.footcollapse</span> th{ text-align:left; } <span class="visiblesaf23">ta***.footcollapse</span>,<span class="visiblesaf23">ta***.footcollapse</span> th,<span class="visiblesaf23">ta***.footcollapse</span> th { border:none; border-collapse:collapse; } <span class="visiblesaf23">ta***.footcollapse</span> thead th { width:10em; border-style:solid; border-width:1px; border-color:#cff #69c #69c #cff; background:#9cf; padding:2px 10px; } <span class="visiblesaf23">ta***.footcollapse</span> tfoot th, <span class="visiblesaf23">ta***.footcollapse</span> tfoot td { border-style:solid; border-width:1px; border-color:#9cf #369 #369 #9cf; background:#69c; padding:2px 10px; } <span class="visiblesaf23">ta***.footcollapse</span> tbody{ background:#ddd; } <span class="visiblesaf23">ta***.footcollapse</span> tbody td{ padding:5px 10px; border:1px solid #999; } <span class="visiblesaf23">ta***.footcollapse</span> tbody th{ padding:2px 10px; border:1px solid #999; border-left:none; } <span class="visiblesaf23">ta***.footcollapse</span> tbody tr.odd{ background:#ccc; } <span class="visiblesaf23">ta***.footcollapse</span> tfoot td img{ border:none; vertical-align:bottom; padding-left:10px; float:right; } </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> <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> <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> <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>
3276802009-05-29
网页制作特效教程，代码可直接加入htm。...
665602009-05-17
ASP的网页特效管理系统 后台路径/用户...
