js实现漂亮的table表格_js好看的table,jstable资源-CSDN文库

共6个文件

jpg：1个

gif：1个

css：1个

table

需积分: 41 20 浏览量 2018-07-26 16:26:04 上传评论收藏 67KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

JS实现漂亮的表格table特效代码.zip （6个子文件）

JS实现漂亮的表格table特效代码

index.html 6KB

demo.jpg 88KB

tablecloth

tablecloth.js 6KB

tr_back.gif 105B

_notes

dwsync.xml 182B

tablecloth.css 1011B

<!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=utf-8" /> <title>Welcome to Tablecloth - www.update8.com</title>  <link href="tablecloth/tablecloth.css" rel="stylesheet" type="text/css" media="screen" /> <script type="text/javascript" src="tablecloth/tablecloth.js"></script>  <style> body { margin:0; padding:0; background:#f1f1f1; font:70% Arial, Helvetica, sans-serif; color:#555; line-height:150%; text-align:left; } a { text-decoration:none; color:#057fac; } a:hover { text-decoration:none; color:#999; } h1 { font-size:140%; margin:0 20px; line-height:80px; } h2 { font-size:120%; } #container { margin:0 auto; width:680px; background:#fff; padding-bottom:20px; } #content { margin:0 20px; } p.sig { margin:0 auto; width:680px; padding:1em 0; } form { margin:1em 0; padding:.2em 20px; background:#eee; } </style> </head> <body> <div id="container"> <h1>Tablecloth: Example</h1> <div id="content">  <h2>Table with top headings</h2> <table cellspacing="0" cellpadding="0"> <tr> <th>Title</th> <th>Title</th> <th>Title</th> <th>Title</th> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> </table> <table cellspacing="0" cellpadding="0"> <tr> <th>Title</th> <th>Title</th> <th>Title</th> <th>Title</th> <th>Title</th> <th>Title</th> <th>Title</th> <th>Title</th> <th>Title</th> <th>Title</th> <th>Title</th> <th>Title</th> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> <td>Data</td> </tr> </table> <h2>Table with side headings</h2> <table cellspacing="0" cellpadding="0"> <tr> <th>Title</th> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <th>Title</th> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <th>Title</th> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <th>Title</th> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <th>Title</th> <td>Data</td> <td>Data</td> <td>Data</td> </tr> </table> <h2>Table with top and side headings</h2> <table cellspacing="0" cellpadding="0"> <tr> <td> </td> <th>Title</th> <th>Title</th> <th>Title</th> </tr> <tr> <th>Title</th> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <th>Title</th> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <th>Title</th> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <th>Title</th> <td>Data</td> <td>Data</td> <td>Data</td> </tr> <tr> <th>Title</th> <td>Data</td> <td>Data</td> <td>Data</td> </tr> </table> </div> </div> <div style="text-align:Center;"> <p><strong><a href="http://www.update8.com/effects">技术教程网整理</a></strong> </p> <p>转载请自觉注明出处！注：此代码仅供学习交流，请勿用于商业用途。</p> </div> </body> </html>

评论收藏

内容反馈