Html中 表单title头固定的CSS实现,类似于Excel中窗口冻结的功能,能很好的增强易用性
<style type="text/css">
<!--
.fixTop {
Z-Index:102;
position:relative;
Top:expression(this.offsetParent.scrollTop);
}
.fixLeft {
Z-Index:101;
position:relative;
left:expression(document.getElementById('scrollDiv').scrollLeft);
background-color:#eeeeee;
}
-->
</style>
仅适用于IE:
<div id="scrollDiv" style="height: 200px; width:400px; overflow: auto;">
<table border=1 cellspacing="0" cellpadding="2">
<tr class="fixTop" bgcolor="#eeeeee">
<th class="fixLeft">
LeftTop
</th>
<th colspan="9" align=left>
Top
</th>
</tr>
<tr height="50">
<td class="fixLeft">Left</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
</tr>
<tr height="50">
<td class="fixLeft">Left</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
</tr>
<tr height="50">
<td class="fixLeft">Left</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
</tr>
<tr>
<td class="fixLeft">Left</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
</tr>
<tr>
<td class="fixLeft">Left</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
</tr>
<tr>
<td class="fixLeft">Left</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
<td>abcdefg</td>
</tr>
</table>
</div>
分享到:
相关推荐
类似于Excel的表格控件,可以实现编辑Table中的内容,添加行、删除行、合并单元格等功能。
HTML,JSP,JQ,JS冻结表单的表头和侧栏;表头冻结;固定表头;冻结表单; 简单实用;累死EXCEL那样的冻结;浏览器兼容;
html5+css3实现酷炫的form表单
HTML,JSP,JQ,JS冻结表单的表头和侧栏
css实现表单Select样式美化css实现表单Select样式美化
纯CSS实现漂亮的表单,简洁风格,灰常喜欢!
css3实现3D登录表单
在EXCEL中输出表单 在EXCEL中输出表单 在EXCEL中输出表单 在EXCEL中输出表单
CSS控制表单样式 CSS控制表单样式 01 CSS控制表单样式 使用CSS可以轻松地控制表单控件的样式,主要体现在控制表单控件的字体、边框、背景和内边距等。 CSS控制表单样式 由于form是块元素,重置浏览器的默认样式时,...
网站具有图片轮播效果、鼠标对图片的进入和移出特效、点击小图放大图片特效、文字超链接、图片超链接、锚链接、菜单...表单输入验证功能,提交后提示预定信息,导航栏功能、AJAX城市天气预报查询功能,网站界面美观,布
平时积累的html表单,css比较简单,挺好用的,欢迎使用,不保证你满意哦!
html5 css3在线留言表单美化代码
JS+CSS实现精致、符合标准的表单页面! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
excel 2010 添加表单组件的方法
CSS样式表单美化系列。html+div好资源分享,大家一起分享吧
html css js表单中全选取消反选效果
脚本简介HTML5 CSS3 jQ注册表单是一款基于HTML5 CSS3 jQuery实现的响应式登录/注册表单。
6款漂亮HTML CSS样式用户留言表单的相关源码
最简单的,最基本的,CSS表单代码,html代码,表单标准化设计
利用CSS动画制作 Html 表格数据滚动显示, 实际自己开发也不难实现。实现的方法很多,下面是本人的一种实现方案,分享给大家。