- 1PS提示：因為圖層已鎖定，無法編輯圖層的處理方法
- 2Adobe Illustrator CS5 序列號大全
- 3picacg蘋果版怎么找不到|picacg ios版是不是下架了介紹
- 4ACDsee注冊碼免費分享（含ACDsee18、ACDsee10等版本）
- 5蘋果iphone自動時間不準確的多種校正方法
- 6PDF瀏覽器能看3D文件嗎？PDF瀏覽器看3D文件圖文詳細教程
- 7Potato(馬鈴薯聊天)怎么注冊不了|Potato不能注冊處理方法介紹
- 8Potato(土豆聊天)怎么換頭像|Potato app更改頭像方法介紹
- 9ipad版office如何激活? office365激活的圖文說明教程
- 10最新的Adobe Illustrator CS4序列號大全
- 11Mac怎么通過設置VPN來登錄youtube等國外網(wǎng)站
- 12qq郵件是否已讀怎么看 QQ郵箱已經(jīng)發(fā)出去的郵件怎么知道對方是否已經(jīng)查看
您當前所在位置：網(wǎng)視手游站 -> 網(wǎng)站教程 -> 如何固定表格的標題行與標題列
[摘要]網(wǎng)上有許關于固定表格的標題行的文章，但是既要固定標題行又要固定標題列的卻幾乎沒有�，F(xiàn)我寫下如下代碼以供大家參考： <html><head><title>Untitled Document</title><meta http-equiv=&quo...
網(wǎng)上有許關于固定表格的標題行的文章，但是既要固定標題行又要固定標題列的卻幾乎沒有。現(xiàn)我寫下如下代碼以供大家參考： <html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<script>
function syncscroll(obj)
{
y.innerHTML = obj.scrollTop;
x.innerHTML = obj.scrollLeft;
scroll1.children[0].style.position = "relative";
scroll2.children[0].style.position = "relative";
scroll1.children[0].style.left = "-"+obj.scrollLeft;
scroll2.children[0].style.top = "-"+obj.scrollTop;
}
</script>
<body>
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<!--*****************************************************左上-BEGIN*****************************************************-->
<table width="240" height="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666">
<colgroup>
<col width="80" >
<col width="80" >
<col width="80" >
</colgroup>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
</table>
<!--*****************************************************左上-END*****************************************************-->
</td>
<td>
<div id='scroll1' style="width:450;overflow:hidden ">
<!--*****************************************************右上-BEGIN*****************************************************-->
<table style="width:900 " height="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666">
<colgroup>
<col width="150" >
<col width="150" >
<col width="150" >
<col width="150" >
<col width="150" >
</colgroup>
<tr bgcolor="#FFFFFF">
<td> </td>
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<!--*****************************************************右上-END*****************************************************-->
</div>
</td>
</tr>
<tr>
<td align="left" valign="top">
<div id='scroll2' style="height:150;overflow-y:hidden;overflow-x:scroll">
<!--*****************************************************左下-BEGIN*****************************************************-->
<table width="240" height="100%" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666">
<colgroup>
<col width="80" >
<col width="80" >
<col width="80" >
</colgroup>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
</tr>
</table>
<!--*****************************************************左下-END*****************************************************-->
</div>
</td>
<td align="left" valign="top">
<div style="width:450;height:150;overflow:scroll " onscroll="javascript:syncscroll(this)">
<!--*****************************************************右下-BEGIN*****************************************************-->
<table style="width:900 " height="100" border="0" cellpadding="0" cellspacing="1" bgcolor="#666666">
<colgroup>
<col width="150" >
<col width="150" >
<col width="150" >
<col width="150" >
<col width="150" >
</colgroup>
<tr bgcolor="#FFFFFF">
<td width="100" height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr bgcolor="#FFFFFF">
<td height="20"> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
<!--*****************************************************右下-END*****************************************************-->
</div>
</td>
</tr>
</table>
<p id="y"> </p>
<p id="x"> </p>
</body>
</html>
推薦資訊 總人氣榜
最新教程 本月人氣
- 1聯(lián)想黃金斗士s8加持版與規(guī)范版的區(qū)別有哪一些？s8加持版/規(guī)范版區(qū)別
- 2手機信號顯示H、E、G、T什么意思？手機網(wǎng)絡信號顯示H/E/G/T含義
- 3美顏相機聲音如何關？美顏相機關聲音方法_綠茶安卓網(wǎng)
- 4陌陌如何舉報？陌陌舉報好友圖文說明教程_綠茶安卓網(wǎng)
- 5陌陌群聊如何@別人？陌陌群聊@別人方法_綠茶安卓網(wǎng)
- 6uc瀏覽器去廣告圖文說明教程：uc瀏覽器廣告過濾技巧使用方法_綠茶安卓網(wǎng)
- 7nubia x6 mini價格多少錢？中興nubia x6 mini價格
- 8nubia x6電信版什么時候上市？中興nubia x6電信版上市時間
- 9nubia x6是雙卡雙待嗎？中興nubia x6支持雙卡雙待嗎？
- 10nubia x6價格多少錢？中興nubia x6價格
- 11華為p7移動版什么時候上市？華為p7手機移動版上市時間
- 12華為p7是雙卡雙待嗎？華為p7手機將推單卡/雙卡版本
- 1wp8.1講述人如何關閉？wp8.1講述人關閉方法
- 2華為p7是雙卡雙待嗎？華為p7手機將推單卡/雙卡版本
- 3華為p7移動版什么時候上市？華為p7手機移動版上市時間
- 4nubia x6價格多少錢？中興nubia x6價格
- 5nubia x6是雙卡雙待嗎？中興nubia x6支持雙卡雙待嗎？
- 6nubia x6電信版什么時候上市？中興nubia x6電信版上市時間
- 7nubia x6 mini價格多少錢？中興nubia x6 mini價格
- 8uc瀏覽器去廣告圖文說明教程：uc瀏覽器廣告過濾技巧使用方法_綠茶安卓網(wǎng)
- 9陌陌群聊如何@別人？陌陌群聊@別人方法_綠茶安卓網(wǎng)
- 10陌陌如何舉報？陌陌舉報好友圖文說明教程_綠茶安卓網(wǎng)
- 11美顏相機聲音如何關？美顏相機關聲音方法_綠茶安卓網(wǎng)
- 12手機信號顯示H、E、G、T什么意思？手機網(wǎng)絡信號顯示H/E/G/T含義
