最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

固定表格行列(expression)在IE下適用

 更新時(shí)間：2013年07月25日 17:05:01   作者：  
本文為大家介紹下使用expression固定表格行列，這是一種在IE下適用的固定行列的方法，感興趣的朋友可以學(xué)習(xí)下，希望對(duì)大家有所幫助
這是一種在IE下適用的固定行列的方法.其具體代碼如下:
復(fù)制代碼 代碼如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<style>
.FixedTitleRow
{
position: relative;
top: expression(this.offsetParent.scrollTop);
z-index: 10;
width: 80px;
background-color: #FFCC00;
}
.FixedDataColumn
{ position: relative;
left: expression(this.parentElement.offsetParent.parentElement.scrollLeft);
background-color: #E6ECF0;
}
.FixedColumnAndRows{
position: relative;
top: expression(this.offsetParent.scrollTop);
left: expression(this.offsetParent.scrollLeft);
z-index: 20;
width: 80px;
background-color: #FFCC00;
}
td{word-break : keep-all;}
</style>
</head>
<body>
<div id="scrollDiv" style="width:500; height:150; overflow: auto; cursor: default; display: inline; position: absolute;">
<table width="100%" cellpadding='0' cellspacing='0' bordercolor='lightgrey' border="1" style="table-layout:fixed">
<tr bgcolor="#FFCC00" style="font-size:12px; text-align:center; font-weight:bold;height:25px;">
<td class="FixedColumnAndRows">header</td>
<td class="FixedColumnAndRows">header</td>
<td class="FixedColumnAndRows">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
<td class="FixedTitleRow">header</td>
</tr>
<tr style="font-size:12px; text-align:center;height:20px;">
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
</tr>
<tr style="font-size:12px; text-align:center;height:20px;">
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
</tr>
<tr style="font-size:12px; text-align:center;height:20px;">
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
</tr>
<tr style="font-size:12px; text-align:center;height:20px;">
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
</tr>
<tr style="font-size:12px; text-align:center;height:20px;">
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
</tr>
<tr style="font-size:12px; text-align:center;height:20px;">
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
</tr>
<tr style="font-size:12px; text-align:center;height:20px;">
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td class="FixedDataColumn">left</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
<td>--</td>
</tr>
</table>
</body>
</html>
/* 這種固定行列的方式只適用于IE,并且只適用于數(shù)據(jù)量較少的情況.數(shù)據(jù)量很多時(shí)是非常耗資源的!*/

相關(guān)文章

  • js簡單遍歷獲取對(duì)象中的屬性值的方法示例

    js簡單遍歷獲取對(duì)象中的屬性值的方法示例

    這篇文章主要介紹了js簡單遍歷獲取對(duì)象中的屬性值的方法,涉及javascript使用for循環(huán)遍歷json對(duì)象屬性值的簡單操作技巧,需要的朋友可以參考下
    2019-06-06
  • uniapp獲取底部安全距離以及狀態(tài)欄高度等

    uniapp獲取底部安全距離以及狀態(tài)欄高度等

    最近在用uniapp開發(fā)的時(shí)候遇到了一些問題,下面這篇文章主要給大家介紹了關(guān)于uniapp獲取底部安全距離以及狀態(tài)欄高度等的相關(guān)資料,需要的朋友可以參考下
    2022-10-10
  • CSS3+JavaScript實(shí)現(xiàn)翻頁幻燈片效果

    CSS3+JavaScript實(shí)現(xiàn)翻頁幻燈片效果

    這篇文章主要介紹了CSS3+JavaScript實(shí)現(xiàn)翻頁幻燈片效果,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
    2017-06-06
  • js(JavaScript)實(shí)現(xiàn)TAB標(biāo)簽切換效果的簡單實(shí)例

    js(JavaScript)實(shí)現(xiàn)TAB標(biāo)簽切換效果的簡單實(shí)例

    本篇文章主要是對(duì)js(JavaScript)實(shí)現(xiàn)TAB標(biāo)簽切換效果的簡單實(shí)例進(jìn)行了介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
    2014-02-02
  • 微信JSSDK調(diào)用微信掃一掃功能的方法

    微信JSSDK調(diào)用微信掃一掃功能的方法

    這篇文章主要為大家詳細(xì)介紹了微信JSSDK調(diào)用微信掃一掃功能的方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2017-07-07
  • JavaScript封裝Vue-Router實(shí)現(xiàn)流程詳解

    JavaScript封裝Vue-Router實(shí)現(xiàn)流程詳解

    這篇文章主要介紹了JavaScript封裝Vue-Router實(shí)現(xiàn)流程，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2022-09-09
  • 淺談JavaScript的自動(dòng)垃圾收集機(jī)制

    淺談JavaScript的自動(dòng)垃圾收集機(jī)制

    本文主要對(duì)JavaScript的自動(dòng)垃圾收集機(jī)制進(jìn)行簡要分析，并介紹了垃圾收集的方式：標(biāo)記清除（mark-and-sweep）和引用計(jì)數(shù)（reference counting），需要的朋友一起來看下吧
    2016-12-12
  • javascript中的緩動(dòng)效果實(shí)現(xiàn)程序

    javascript中的緩動(dòng)效果實(shí)現(xiàn)程序

    javascript中的緩動(dòng)效果可以應(yīng)用于很多地方，比如距離位移上的變化：圖片的滾動(dòng)、焦點(diǎn)圖的輪轉(zhuǎn)切換，透明度上的變化：漸隱漸現(xiàn)。凡是存在運(yùn)動(dòng)的狀態(tài)都適用，下面以最基本的塊在容器內(nèi)從左到右滑動(dòng)為例，講下幾種不同的緩動(dòng)處理方式
    2012-12-12
  • Axios+Spring?Boot實(shí)現(xiàn)文件上傳和下載

    Axios+Spring?Boot實(shí)現(xiàn)文件上傳和下載

    這篇文章主要為大家詳細(xì)介紹了Axios+Spring?Boot實(shí)現(xiàn)文件上傳和下載，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2022-08-08
  • js AspxButton的客戶端操作

    js AspxButton的客戶端操作

    processOnServer使您可以指定當(dāng)前Button應(yīng)該處理客戶端的事件或服務(wù)器端事件。
    2009-06-06

最新評(píng)論

荃湾区| 盐源县| 延庆县| 镇平县| 迭部县| 陆良县| 尉氏县| 涟水县| 静乐县| 阿拉善右旗| 霸州市| 潼南县| 德清县| 新津县| 晋城| 宜黄县| 淳化县| 出国| 临泉县| 鹤山市| 宜宾市| 寿阳县| 武清区| 西城区| 稻城县| 县级市| 灵寿县| 石城县| 永善县| 类乌齐县| 冷水江市| 唐山市| 吉安县| 竹北市| 通州市| 彰化县| 中牟县| 和龙市| 兴城市| 晋城| 安徽省|