通过技巧固定表格的标题列的代码 - HTML/CSS教程 - 网页制作

网友俱乐部 » 网页制作 » HTML/CSS教程 » 通过技巧固定表格的标题列的代码

网友生活网 \| 网友学堂	如何获得金币？	诚招斑竹	IP归属地查询 PR查询收录查询 whois查询
免费超短2级域名,your.jpy.cc	火狐浏览器，网上冲浪更快更爽更惬意	注册亚洲交友中心，找个人来同居吧！	7CODE查杀恶意代码，守护您的电脑

‹‹ 上一主题 | 下一主题 ››

ljjk5

元帅

UID 46706
精华 1
积分 99426
帖子 49690
威望 554
金币 48489
热心 505
阅读权限 100
注册 2007-2-25
状态离线

使用道具

发表于 2007-4-13 08:39 资料个人空间主页短消息加为好友

通过技巧固定表格的标题列的代码

<html><head>
<style>table#headers {table-layout:fixed;background:#eea033;}table#data {table-layout:relative;background:#eea033;}td, th {vertical-align:top;background:#ffffff;}</style><script language="javascript">var rh;var fr;var ds;var hs;
function syncScroll(e) {    hs.scrollLeft = ds.scrollLeft;}
function syncResize(e) {  hs.style.width = ds.offsetWidth-(ds.offsetWidth - ds.clientWidth);
  for( i =0; i < rh.childNodes.length; i ) {    rh.childNodes.width = fr.childNodes.offsetWidth;  } }
function init() {  rh = document.getElementById("rh");  fr = document.getElementById("fr");  ds = document.getElementById("ds");  hs = document.getElementById("hs");
……
非常抱歉，您的当前状态为游客，因此只能查阅部分内容。要查阅完整内容请登录或者注册。

[广告] 免费域名(Free Subdomain) 免费空间(Free hosting) PR查询(Google Pagerank)

当前时区 GMT+8, 现在时间是 2009-1-9 00:28
信产部ICP备案：京ICP备05066424号北京市公安局网监备案：1101050648号

TOP

清除 Cookies - 联系我们 - 网友俱乐部 - Archiver - WAP