链接类

VML

按钮类

标题类

表单类

表格类

菜单类

窗口类

对象类

滚动条

键盘类

框架类

例子类

模拟类

日期类

色彩类

鼠标类

数学类

图片类

文字类

下拉框

样式类

游戏类

状态栏

资料类

字幕类

其它类

 ·颜色交替的表格
 ·拆分单元格
 ·行变成列,列变成行
 ·动态表格
 ·表格排序
 ·变色表格
 ·宽度为一象素的表格
 ·高度为一象素的表格
 ·变色的表格框
 ·插入单元格
您当前位置:好素材首页 -> 网页特效 -> 表格类
查看信息

Microsoft 标题表格
好素材网 www.HaoSc.com 02月22日 11:49

[查看演示]  源码如下
----------------------------------------------------------
<html dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<META NAME="Author" CONTENT="51windows,海娃,haiwa">
<title>MicroSoft Window Update 标题表格-www.51windows.Net</title>
<style>
.sys-color-body { color: #000000; }
.sys-color-body-alert { color: #FF0000; }
.sys-color-body-ok { color: #009900; }
.sys-header-color { color: #D6DFF5 }
.sys-header-bgcolor { background-color: #003399; }
.sys-rhp-bgcolor { background-color: #FFFFFF; }
.sys-rhp-color-title { color: #5A7EDC; }
.table-header-bgcolor { background-color: #6681D9; }
.sys-table-color-border { border-color: #6681D9; }
.sys-table-cell-bgcolor1 { background-color: #FFFFFF; }
.sys-table-cell-bgcolor2 { background-color: #D6DFF5; }
body {
color: black;
background-color: white;
overflow: auto;
margin: 5px;
font-size:12px;
}

td, button, input, select {
font:12px;
}

table { table-layout: fixed; }

body.history table.body {
width: 100%;
height: 100%;
}

body.history table.body td {
padding: 0px;
vertical-align: top;
}

body.history td#eSortTableHeaderContainer {
height: 0px;
vertical-align: bottom !important;
}

body.history td#eSortTableHeaderContainer table {
position: absolute;
}

body.history div#eSortTableContainer {
padding: 0px 0px 10px 0px;
height: 100%;
overflow: auto;
}


body.history div#eSortTableContainer td {
padding: .75em !important;
border-width: 0px 0px 0px 1px;
border-style: none none none solid;
}

</style>
</head>
<body class="history">


<div id="eSortTableContainer" style="visibility: hidden;">
<table class="body" cellSpacing="0">
<tbody>
<tr>
<td id="eSortTableHeaderContainer" style="OVERFLOW-Y: scroll; VISIBILITY: visible">

<table class="table-header-bgcolor" cellspacing="0">
<colgroup>
<col style="WIDTH: 15%">
<col style="WIDTH: 30%">
<col style="WIDTH: 40%">
<col style="WIDTH: 15%">
</colgroup>
<tbody id="eSortTableHeader">
<tr>
<td noWrap>状态</td>
<td noWrap>日期</td>
<td noWrap>描述</td>
<td noWrap>来源</td>
</tr>
</tbody>
</table>

</td>
</tr>
<tr>
<td>
<!-- **************************** -->
<div id="eSortTableContainer" style="VISIBILITY: visible">
<table class="sys-table-color-border" cellSpacing="0">
<colgroup>
<col class="sys-table-color-border" style="WIDTH: 15%">
<col class="sys-table-color-border" style="WIDTH: 30%">
<col class="sys-table-color-border" style="WIDTH: 40%">
<col class="sys-table-color-border" style="WIDTH: 15%">
</colgroup>
<tbody id="eSortTable">
<tr>
<td style="PADDING-RIGHT: 0.5em! important; PADDING-LEFT: 0.5em! important; PADDING-BOTTOM: 0.5em! important; PADDING-TOP: 0.5em! important" colSpan="4">&nbsp;</td>
</tr>
<tr class="sys-table-cell-bgcolor2">
<td value="3">失败1</td>
<td value="2004-01-04T10:28:26">2004年1月4日</td>
<td><b>814078:安全更新程序(Microsoft Jscript 版本
5.6、Windows 2000、Windows XP)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor1">
<td value="3">失败</td>
<td value="2004-01-04T10:17:00">2004年1月4日</td>
<td><b>Windows 2000 安全更新程序 (KB824146)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor2">
<td value="3">失败</td>
<td value="2004-01-04T10:13:35">2004年1月4日</td>
<td><b>Microsoft Windows 安全更新程序 (KB824141)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor1">
<td value="3">失败</td>
<td value="2004-01-04T09:59:45">2004年1月4日</td>
<td><b>Microsoft Windows 安全更新程序 (KB819696)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor2">
<td value="3">失败</td>
<td value="2004-01-04T09:57:22">2004年1月4日</td>
<td><b>Microsoft Windows 安全更新程序 (KB823182)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor1">
<td value="3">失败</td>
<td value="2004-01-04T09:56:33">2004年1月4日</td>
<td><b>Microsoft Windows 安全更新程序 (KB824105)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor2">
<td value="3">失败</td>
<td value="2004-01-04T09:56:03">2004年1月4日</td>
<td><b>Microsoft Windows 2000 安全更新程序 (KB826232)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor1">
<td value="3">失败</td>
<td value="2004-01-04T09:54:17">2004年1月4日</td>
<td><b>Microsoft Windows 2000 安全更新程序 (KB825119)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor2">
<td value="3">失败</td>
<td value="2004-01-04T09:37:10">2004年1月4日</td>
<td><b>Microsoft Data Access Components 安全更新程序
(823718)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor1">
<td value="3">失败</td>
<td value="2004-01-04T09:37:06">2004年1月4日</td>
<td><b>823559:Microsoft Windows 的安全更新程序</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor2">
<td value="3">失败</td>
<td value="2004-01-04T09:37:06">2004年1月4日</td>
<td><b>Windows 2000 安全更新程序 (KB824146)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor1">
<td value="3">失败</td>
<td value="2004-01-04T09:37:05">2004年1月4日</td>
<td><b>Microsoft Windows 安全更新程序 (KB824141)</b></td>
<td>Web 站点</td>
</tr>
<tr class="sys-table-cell-bgcolor2">
<td value="3">失败</td>
<td value="2004-01-04T09:37:04">2004年1月4日</td>
<td><b>Microsoft Windows 安全更新程序 (KB819696)</b></td>
<td>Web 站点</td>
</tr>
</tbody>
</table>
</div>
<!-- **************************** -->
</td>
</tr>
</tbody>
</table>
</div>

</body>
</html>

<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>


此信息共 1 页 [1]