JS+CSS的table表格特效资源-CSDN文库

共6个文件

gif：2个

rar：1个

css：1个

JS+CSS的table表格特效

复选框全选

表格加滚动条

点击行变色

点击行选中复选框

4星 · 超过85%的资源需积分: 25 184 浏览量 2011-10-15 09:39:23 上传评论收藏 749KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

超好用JS+CSS的 table表格特效.rar （6个子文件）

bg.gif 149B

index.html 3KB

bg2.gif 258B

table_js.js 5KB

PHP加密工具.rar 745KB

table_css.css 4KB

<html> <head> <link rel="stylesheet" href="table_css.css" type="text/css" /> <script src="table_js.js"></script> <title>表格</title> </head> <body ondragstart=window.event.returnValue=false onkeyup=window.event.returnValue=false topMargin=0 > <br>  <div class="DivContainer" align="center" style="width: 50%; height: 20%;border: solid 1px ; color: #999999;"> <table width="100%" class="table1" id="table1"> <tr id="top_tr"> <td width="22" style="width:22px;" class="Locked"> <input name="ck_all" type="checkbox" id="ck_all" onClick="ck_xz('table1','','#bce774')"></td> <td width="35" align="center" class="VLocked" style="width:35px;">序号</td> <td width="125" align="center" class="VLocked">名称</td> <td width="71" align="center" class="VLocked">单价</td> <td width="63" align="center" class="VLocked">数量</td> </tr> <tr id="qt_tr"> <td width="22" align="center" ><input name="ck_name1" type="checkbox" id="id" value="value1"/></td> <td width="35" align="center" >1</td> <td width="125" align="center" >名称1</td> <td width="71" align="center" >单价1</td> <td width="63" align="center" >数量1</td> </tr> <tr id="qt_tr"> <td width="22" align="center" ><input name="ck_name2" type="checkbox" id="id" value="value2"/></td> <td width="35" align="center" >2</td> <td width="125" align="center" >名称2</td> <td width="71" align="center" >单价2</td> <td width="63" align="center" >数量2</td> </tr> <tr id="qt_tr"> <td width="22" align="center" ><input name="ck_name3" type="checkbox" id="id" value="value3"/></td> <td width="35" align="center" >3</td> <td width="125" align="center" >名称3</td> <td width="71" align="center" >单价3</td> <td width="63" align="center" >数量3</td> </tr> <tr id="qt_tr"> <td width="22" align="center" ><input name="ck_name4" type="checkbox" id="id" value="value4"/></td> <td width="35" align="center" >4</td> <td width="125" align="center" >名称4</td> <td width="71" align="center" >单价4</td> <td width="63" align="center" >数量4</td> </tr> <tr id="qt_tr"> <td width="22" align="center" ><input name="ck_name5" type="checkbox" id="id" value="value5"/></td> <td width="35" align="center" >5</td> <td width="125" align="center" >名称5</td> <td width="71" align="center" >单价5</td> <td width="63" align="center" >数量5</td> </tr> <tr id="qt_tr"> <td width="22" align="center" ><input name="ck_name6" type="checkbox" id="id" value="value6"/></td> <td width="35" align="center" >6</td> <td width="125" align="center" >名称6</td> <td width="71" align="center" >单价6</td> <td width="63" align="center" >数量6</td> </tr> <tr id="qt_tr"> <td width="22" align="center" ><input name="ck_name7" type="checkbox" id="id" value="value7"/></td> <td width="35" align="center" >7</td> <td width="125" align="center" >名称7</td> <td width="71" align="center" >单价7</td> <td width="63" align="center" >数量7</td> </tr> </table> <script language="javascript">senfe("table1","","","#EEEEEE","#bce774");//senfe("表格名称","奇数行背景","鼠标离开后行色","鼠标经过背景","点击后背景");</script> </div> </body> </html>

评论收藏

内容反馈