<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title>Untitled Document</title>
</head>
<style type="text/css">
body{
font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
font-size:0.8em;
}
p{
margin-bottom:0px;
font-weight:bold;
}
/* Start layout CSS */
.tableWidget_headerCell,.tableWigdet_headerCellOver,.tableWigdet_headerCellDown{ /* General rules for both standard column header and mouse on header of sortable columns */
cursor:pointer;
border-bottom:3px solid #C5C2B2;
border-right:1px solid #ACA899;
border-left:1px solid #FFF;
background-color: #ECE9D8;
}
.tableWidget_headerCell{ /* Standard column header */
border-top:2px solid #ECE9D8;
}
.tableWigdet_headerCellOver{ /* Rollover on sortable column header */
border-top:2px solid #FFC83C;
}
.tableWidget tbody .tableWidget_dataRollOver{ /* Rollover style on mouse over (Data) */
background-color:#FFF; /* No mouseover color in this example - specify another color if you want this */
}
.tableWigdet_headerCellDown{
border-top:2px solid #FFC83C;
background-color:#DBD8C5;
border-left:1px solid #ACA899;
border-right:1px solid #FFF;
}
.tableWidget td{
margin:0px;
padding:2px;
border-bottom:1px solid #EAE9E1; /* Border bottom of table data cells */
}
.tableWidget tbody{
background-color:#FFF;
}
.tableWidget{
font-family:arial;
font-size:12px;
width:400px;
}
/* End layout CSS */
div.widget_tableDiv {
border:1px solid #ACA899; /* Border around entire widget */
height: 200px;
overflow:auto;
overflow-y:auto;
overflow:-moz-scrollbars-vertical;
width:500px;
}
html>body div.widget_tableDiv {
overflow: hidden;
width:500px;
}
.tableWidget thead{
position:relative;
}
.tableWidget thead tr{
position:relative;
top:0px;
bottom:0px;
}
.tableWidget .scrollingContent{
overflow-y:auto;
overflow:-moz-scrollbars-vertical;
width:100%;
}
.tableRollOverEffect1{
background-color:#317082;
color:#FFF;
}
.tableRowClickEffect1{
background-color:#F00;
color:#FFF;
}
</style>
<script type="text/javascript" src="js/table.js"></script>
<script type="text/javascript" src="js/trash.js"></script>
<body>
<center>
<div class="widget_tableDiv" align="center">
<DIV id="fdiv" name="fdiv" style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; LEFT: 100px; BORDER-LEFT: #808080 1px solid; WIDTH: 300px; LINE-HEIGHT: 300px; BORDER-BOTTOM: #808080 1px solid; POSITION: absolute; TOP: 100px; HEIGHT: 300px; TEXT-ALIGN: center">Hello, trash ! </DIV>
<table id="myTable">
<thead>
<tr>
<td>Name</td>
<td>Age</td>
<td>Position</td>
<td>Income</td>
<td>Gender</td>
<td>操作</td>
</tr>
</thead>
<tbody class="scrollingContent">
<tr>
<td>John</td>
<td>37</td>
<td>Managing director</td>
<td>90.000</td>
<td>Male</td>
<td><A onblur=trash.Hide(); href="javascript:trash.Show();">修改<a></td>
</tr>
<tr>
<td>Susan</td>
<td>34</td>
<td>Partner</td>
<td>90.000</td>
<td>Female</td>
<td><A onblur=trash.Hide(); href="javascript:trash.Show();">修改<a></td>
</tr>
<tr>
<td>David</td>
<td>29</td>
<td>Head of production</td>
<td>70.000</td>
<td>Male</td>
<td><A onblur=trash.Hide(); href="javascript:trash.Show();">修改<a></td>
</tr>
<tr>
<td>Laura</td>
<td>29</td>
<td>Head of marketing</td>
<td>70.000</td>
<td>Female</td>
<td><A onblur=trash.Hide(); href="javascript:trash.Show();">修改<a></td>
</tr>
<tr>
<td>Kate</td>
<td>18</td>
<td>Marketing</td>
<td>50.000</td>
<td>Female</td>
<td><A onblur=trash.Hide(); href="javascript:trash.Show();">修改<a></td>
</tr>
<tr>
<td>Mona</td>
<td>21</td>
<td>Marketing</td>
<td>53.000</td>
<td>Female</td>
<td><A onblur=trash.Hide(); href="javascript:trash.Show();">修改<a></td>
</tr>
<tr>
<td>Mike</td>
<td>21</td>
<td>Marketing</td>
<td>53.000</td>
<td>Male</td>
<td><A onblur=trash.Hide(); href="javascript:trash.Show();">修改<a></td>
</tr>
<tr>
<td>Mark</td>
<td>25</td>
<td>Production</td>
<td>52.000</td>
<td>Male</td>
<td><A onblur=trash.Hide(); href="javascript:trash.Show();">修改<a></td>
</tr>
<tr>
<td>Peter</td>
<td>33</td>
<td>Production</td>
<td>55.000</td>
<td>Male</td>
<td><A onblur=trash.Hide(); href="javascript:trash.Show();">修改<a></td>
</tr>
<tr>
<td>Jennifer</td>
<td>24</td>
<td>Production</td>
<td>49.000</td>
<td>Female</td>
<td><A onblur=trash.Hide(); href="javascript:trash.Show();">修改<a></td>
</tr>
</tbody>
</table>
</div>
</center>
<script type="text/javascript">
initTableWidget('myTable',500,200,Array('S','N',"S",'N','S',false),'tableRollOverEffect1','tableRowClickEffect1');
var trash =new trashDiv("fdiv", 30, 74);
</script>
</body>
</html>
table.rar （6个子文件） 
images 
arrow_up.gif 55B arrow_down.gif 54B
Thumbs.db 14KB js trash.js 5KB table.js 10KB table .htm 5KB资源评论
yingying520sihai2013-05-11东西是好东西 不过不是我想要的
meiniange2013-08-29不是我想要的东西，不过还是很感谢！
evil13fwj
- 粉丝: 0
最新资源
- 基于springboot考研资讯平台设计与实现（源码+论文+ppt答辩）
- 关于占位符的测试脚本，里面包含如何填写内容，如何实现占位符
- matlab 锂电池的充电和放电控制
- 基于 Java 实现的图像数字图像数字识别示例程序
- Win10系统下Pytorch从零安装配置详细图文教程
- 基于 YOLOv5s 模型识别图像中的粗斜体及配套数据集
- Java开发Java八股文面试知识点汇总：涵盖基础语法、集合框架、多线程、异常处理及JVM原理
- 西门子(SIEMENS)家用冰箱说明书
- 【C++编程语言】基础语法与面向对象特性详解：系统软件及游戏开发中的应用概述
- 【C语言编程】指针概念与应用详解：涵盖基本操作、数组、函数参数及多级指针使用方法
- 图像识别方法的环境构建笔记
- 《实现跑马灯效果的程序代码示例》
- 基于大模型的研究生心理咨询助手
- Java语言 Timer 定时器的四种使用方式
- multium仿真具有运放的稳压电源
- 使用Google Cloud Build实现云原生自动化
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
