国产美女视频91_老司机免费视频一区二区_97精品超碰一区二区三区_蜜桃视频在线观看一区_99热精品一区二区_成人av在线看_高清国产一区二区三区_久久精品国产网站_免费人成精品欧美精品_av中文一区二区三区

<strike id="ge2ck"></strike>

<strike id="ge2ck"></strike><ul id="ge2ck"><pre id="ge2ck"></pre></ul>

歡迎來到懶人圖庫！返回首頁網站地圖懶人工具箱

當前位置：首頁 > JS代碼 > JS特效代碼 > 表格圖層

給表格加上滾動條

2009-06-05　來源/作者：懶人圖庫　分類：表格圖層　 «»

<html>
<head>
<title>My table</title>
<style>
.table0 {
    height:90%;
}

.table0 caption{
    width:100%;
    height:26px;
    line-height:26px;
    font-size:20px;
    font-color:black;
    font-weight:900;
    letter-spacing:5px;
}

.table0 thead td {
    text-align:center;
    vertical-align:middle;
    height:20px;
    line-height:18px;
    font-size:14px;
    font-color:black;
    font-weight:bold;
    padding-top:2px;
    padding-bottom:2px;
    border:#555 1px solid;
    margin:0px;
}

.table0 tfoot td{
    text-align:left;
    vertical-align:middle;
    height:20px;
    line-height:18px;
    font-size:12px;
    font-color:black;
    font-weight:bold;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:12px;
    padding-right:12px;
    border:#555 1px solid;
}

.table0 tbody td {
    width:100%;
    height:auto;
    border:#555 1px solid;
    padding:0px;
    margin:0px;
}

.table1 tbody td {
    text-align:left;
    vertical-align:middle;
    height:20px;
    line-height:18px;
    font-size:14px;
    font-color:#444;
    font-weight:normal;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:12px;
    padding-right:12px;
    border-right:#555 1px solid;
    border-bottom:#555 1px solid;
    overflow:hidden;
    text-overflow:ellipsis;
    word-break:keep-all;
    word-wrap:normal;
}

</style>
<script>

function init(){
    theT=createTable("我的收藏夾",["Group:150","Name:300","URL:200","Visited:100","Modify:100","Delete:100"]);
    //參數說明:createTable(strCaption,colHeads)
    //strCaption 標題
    //colHeads 是一個array,每個item的格式是 名稱:寬度 的字符串
    for(var i=0;i<40;i++){
        theR=theT.insertRow();
        for(var j=0;j<7;j++){
            theC=theR.insertCell();
            theC.innerText=j;
        }
    }
}

function createTable(strCaption,colHeads){
    //參數說明:colHeads 是一個array,每個item的格式是 名稱:寬度 的字符串
    //生成表格
    oTable=document.createElement("table");
    document.body.insertBefore(oTable);
    //設置class
    oTable.className="table0";
    
    with(oTable.style){
        tableLayout="fixed";
        borderCollapse="collapse"
        borderSpacing="0px";
    }
    //設置變量
    oTCaption=oTable.createCaption();
    oTHead=oTable.createTHead();
    oTFoot=oTable.createTFoot();
    
    //生成標題
    oTCaption.innerText=strCaption;
    
    //設置列寬
    oTHead.insertRow();
    for(var i=0;i<colHeads.length;i++){
        tHeadName=colHeads[i].split(":")[0];
        tHeadWidth=isNaN(parseInt(colHeads[i].split(":")[1]))?"auto":parseInt(colHeads[i].split(":")[1]);
        theCell=oTHead.rows[0].insertCell();
        theCell.style.width=tHeadWidth;
    }
    theCell=oTHead.rows[0].insertCell();
    theCell.width=20;
    oTHead.rows[0].style.display="none";
    
    //生成表頭
    oTHead.insertRow();
    for(var i=0;i<colHeads.length;i++){
        tHeadName=colHeads[i].split(":")[0];
        tHeadWidth=isNaN(parseInt(colHeads[i].split(":")[1]))?"auto":parseInt(colHeads[i].split(":")[1]);
        theCell=oTHead.rows[1].insertCell();
        theCell.innerText=tHeadName;
        theCell.style.width=tHeadWidth;
    }
    theCell=oTHead.rows[1].insertCell();
    theCell.width=24;
    
    //生成表腳
    oTFoot.insertRow();
    theCell=oTFoot.rows[0].insertCell();
    theCell.innerHTML="<marquee scrollDelay=50 scrollAmount=2>Copy rights 2005. Hutia presents.</marquee>";
    theCell=oTFoot.rows[0].insertCell();
    theCell.colSpan=colHeads.length-1;
    theCell=oTFoot.rows[0].insertCell();
    theCell.width=20;
    
    //生成主體
    oTable.all.tags("Tbody")[0].insertRow();
    theCell=oTable.all.tags("Tbody")[0].rows[0].insertCell();
    theCell.colSpan=colHeads.length+1;
    oMain=document.createElement("DIV");
    theCell.insertBefore(oMain);
    with(oMain.style){
        width="100%";
        height="100%";
        overflowY="auto";
        overflowX="hidden";
        margin="0px";
        marginLeft="-1px";
    }
    
    oTBody=document.createElement("table");
    oMain.insertBefore(oTBody);
    oTable.oTBody=oTBody;
    //禁止選擇
    oTCaption.onselectstart=oTHead.onselectstart=oTFoot.onselectstart=function(){return(false);}
    
    //設置class
    oTBody.className="table1";
    with(oTBody.style){
        width=oTable.offsetWidth-15;
        tableLayout="fixed";
        borderCollapse="collapse"
        borderSpacing="0px";
        padding="0px";
        margin="0px";
    }
    
    //初始化列寬
    oTBody.insertRow();
    for(var i=0;i<colHeads.length;i++){
        tHeadWidth=isNaN(parseInt(colHeads[i].split(":")[1]))?"auto":parseInt(colHeads[i].split(":")[1]);
        theCell=oTBody.rows[0].insertCell();
        theCell.style.width=tHeadWidth;
    }
    oTBody.rows[0].style.display="none";
    
    return(oTBody);
}

function insertRow(){
    var intL=oTBody.rows.length;
    theRow=oTBody.insertRow();
    theRow.index=intL;
    theRow.onmouseover=rowOnMouseOver;
    theRow.onmouseout=rowOnMouseOut;
    theRow.onclick=rowOnClick;
    for(var i=0;i<colHeads.length;i++){
        theCell=theRow.insertCell();
        theCell.tabIndex=0;
        theCell.hideFocus=true;
        theCell.colIndex=i;
        theCell.onmouseover=function(){this.focus();};
        theCell.onmouseout=cellOnBlur;
        theCell.onfocus=cellOnFocus;
        theCell.onblur=cellOnBlur;
    }
    theRow.cells[0].innerText=strGroup?strGroup:"ROOT";
    theRow.cells[1].innerText=strName?strName:"Untitled Document.";
    theRow.cells[2].innerText=strURL?strURL:"Unspecified URL";
    theRow.cells[3].innerHTML=strVisited?"Yes".fontcolor("red"):"Unknow";
    theRow.cells[4].innerHTML=strModify?"Yes".fontcolor("red"):"No".fontcolor("Green");
    theRow.cells[5].innerHTML="Delete".fontcolor("red");
}

</script>
</head>
<body onload="init();">
<p>查找更多代碼，請訪問：<a href="http://www.cxj168.com" target="_blank">懶人圖庫</a></p>

</body>
</html>

運行代碼保存代碼提示：您可以先修改部分代碼再運行，保存代碼功能在Firefox下無效。

很適合做一些數據類型的表

標簽：表格圖層

相關代碼推薦

解決div總是被select遮擋的問題

DIV未知高度的垂直居中代碼

AJAX仿EXCEL表格功能

玩轉表格之表格邊框魔鬼教程

給表格做鏈接

無圖片的圓角表格

用CSS控制表格的交替顏色

可拖動的彈出層提示效果

AJAX可以拖動的DIV塊

廣告代碼 全部››: 焦點圖; 全屏廣告; 對聯廣告; 在線客服; 相冊代碼; 菜單導航; TAB標簽; 懸浮漂浮; 視頻播放; 圖片特效; 翻牌書角; 其他代碼

特效代碼 全部››: 導航菜單; 表單按鈕; 文字特效; 表格圖層; 圖片特效; 時間日期; 滾動代碼; 窗口特效; 顏色背景; 網站常用; CSS樣式; 其他特效

猜你也喜歡看這些 ······: jQuery手風琴圖片滑動效果圖片特效2020-04-26; HTML5&SVG彩色線條文字時鐘特效代碼其他代碼2020-04-26; 像素方塊時鐘CSS3特效代碼其他代碼2020-04-26; 購物網站四聯CSS3圖片特效代碼圖片特效2020-04-24; 2021新年倒計時雪花代碼其他代碼2020-04-24

這些是最新的 ······: CSS3+JS滾動數字時鐘代碼時間日期2017-09-09; jQuery左右滾動4屏彈性焦點圖代碼網站常用2020-04-10; jQuery實現的平滑滾動選項卡其他特效2020-04-10; 圖片垂直居中不隨滾動條滾動的JS代碼圖片特效2020-04-10; 圖片在窗口中上下左右垂直居中代碼圖片特效2020-04-10

国产美女视频91_老司机免费视频一区二区_97精品超碰一区二区三区_蜜桃视频在线观看一区_99热精品一区二区_成人av在线看_高清国产一区二区三区_久久精品国产网站_免费人成精品欧美精品_av中文一区二区三区

国产精品一区二区久激情瑜伽| 91色视频在线| 水蜜桃久久夜色精品一区的特点| 91麻豆精品秘密| 激情综合网av| 91麻豆免费观看| 国产999精品久久| 日日夜夜一区二区| 国产一区二区三区黄视频| 97久久精品人人爽人人爽蜜臀| 美女看a上一区| 99久久免费视频.com| 狠狠久久亚洲欧美| 日韩精品福利网| a级高清视频欧美日韩| 国内外成人在线视频| 91亚洲精品乱码久久久久久蜜桃| 国产精品自拍三区| 国产一区二区在线影院| 美腿丝袜亚洲一区| 日韩精品91亚洲二区在线观看| 国产成人精品免费视频网站| 国产毛片精品视频| 久久精品国产一区二区三 | 91香蕉视频污| 国产一区二区伦理| 久草在线在线精品观看| 日韩av中文字幕一区二区| 国产suv精品一区二区三区| 激情六月婷婷久久| 麻豆91小视频| 日本一区中文字幕| 日韩有码一区二区三区| 成人免费黄色在线| 国产成人av一区二区三区在线| 加勒比av一区二区| 九色|91porny| 韩国精品免费视频| 国产福利精品一区二区| 国产激情一区二区三区桃花岛亚洲| 国产在线精品一区二区夜色| 国内不卡的二区三区中文字幕| 日本伊人精品一区二区三区观看方式| 99久久精品一区| 91日韩精品一区| 日产欧产美韩系列久久99| 视频在线观看一区二区三区| 日韩精品亚洲专区| 日韩av不卡在线观看| 美女网站视频久久| 国产一区二区三区观看| 粉嫩久久99精品久久久久久夜| 成人免费va视频| 丝袜a∨在线一区二区三区不卡| 视频一区视频二区中文| 久久99精品久久久| 国产精品一区二区三区乱码| 成人性生交大合| 日日欢夜夜爽一区| 久久国产欧美日韩精品| 国产不卡视频一区二区三区| 粉嫩一区二区三区性色av| 97国产精品videossex| 日韩—二三区免费观看av| 老司机免费视频一区二区三区| 卡一卡二国产精品| 国产成人精品影视| 日韩一区精品字幕| 国产一区欧美一区| 91美女视频网站| 国产麻豆日韩欧美久久| 91日韩在线专区| 国产一区二区三区视频在线播放| 国产91综合一区在线观看| 91在线精品秘密一区二区| 日韩成人av影视| 国产成人在线视频免费播放| 日韩国产精品久久久| 国产精品一区二区久激情瑜伽| 91香蕉视频污| 国产成人h网站| 蜜桃一区二区三区在线观看| 成人在线综合网| 久久99久久99| 日韩av高清在线观看| 高清久久久久久| 毛片不卡一区二区| av电影在线观看一区| 国产在线精品一区二区不卡了| 波多野结衣在线一区| 极品尤物av久久免费看| 日韩成人精品视频| www.欧美日韩| 国产.欧美.日韩| 久国产精品韩国三级视频| av不卡在线播放| 国产精品12区| 老司机精品视频导航| 97国产精品videossex| 国产一区二区久久| 久久国产精品99精品国产| 99久久免费视频.com| 懂色av一区二区三区免费观看| 久久99国产精品成人| 日本欧美大码aⅴ在线播放| 成人久久视频在线观看| 国产精品1024| 国产乱码精品一区二区三区av | 国产成人一级电影| 久久综合综合久久综合| 日韩成人免费电影| 日韩国产欧美在线视频| 99视频国产精品| 成人免费高清视频| av午夜一区麻豆| 99视频精品全部免费在线| 国产1区2区3区精品美女| 国产美女精品一区二区三区| 激情五月婷婷综合| 久久99精品视频| 极品少妇xxxx偷拍精品少妇| 久久激情综合网| 麻豆免费精品视频| 麻豆一区二区在线| 久久精品国产免费看久久精品| 丝袜美腿亚洲一区| 日韩vs国产vs欧美| 日韩av电影一区| 捆绑紧缚一区二区三区视频 | 免费看日韩精品| 日本在线不卡视频| 理论片日本一区| 韩国成人精品a∨在线观看| 国产一区二区三区免费观看| 国产凹凸在线观看一区二区| 成人黄色综合网站| 石原莉奈一区二区三区在线观看| 日韩在线一区二区| 久久精品99国产精品| 国产美女精品一区二区三区| 岛国精品在线播放| 91理论电影在线观看| 免费看欧美女人艹b| 精品无人区卡一卡二卡三乱码免费卡| 国产一区二区在线视频| 成人免费福利片| 水野朝阳av一区二区三区| 免费看精品久久片| 国产福利精品一区二区| 99v久久综合狠狠综合久久| 91网页版在线| 久久精品国产亚洲a| 国产高清不卡二三区| 91理论电影在线观看| 久久99蜜桃精品| 成人国产电影网| 老司机午夜精品| 粉嫩一区二区三区性色av| 91啪亚洲精品| 国产一区在线不卡| 天堂影院一区二区| 国产精品白丝av| 日韩高清一级片| 国产suv精品一区二区6| 日韩福利电影在线| 国产成a人亚洲精品| 日本不卡视频在线| 成熟亚洲日本毛茸茸凸凹| 蜜桃av噜噜一区二区三区小说| 国产一区二区三区四区五区美女| 91网页版在线| 国产成人精品亚洲日本在线桃色| 91啪亚洲精品| 国产成人午夜视频| 久草在线在线精品观看| 天堂在线一区二区| 成人午夜视频网站| 国产一区二区三区国产| 日韩精品免费专区| 99精品欧美一区二区三区小说| 国精产品一区一区三区mba视频 | 日本不卡视频一二三区| 成人午夜短视频| 国产麻豆视频精品| 日av在线不卡| 91丨国产丨九色丨pron| 国产精品夜夜爽| 久久99国产精品免费| 日韩制服丝袜av| av福利精品导航| 国产成人综合精品三级| 国产麻豆一精品一av一免费 | 国产伦精品一区二区三区免费| 美国欧美日韩国产在线播放| 91欧美激情一区二区三区成人| 国产91精品一区二区麻豆网站 | 99精品偷自拍| hitomi一区二区三区精品| 国产高清亚洲一区| 国产精品一区二区在线观看不卡| 蜜桃av噜噜一区| 麻豆精品在线看| 蜜臂av日日欢夜夜爽一区| 免费黄网站欧美| 日本v片在线高清不卡在线观看| 97久久精品人人做人人爽50路| 99精品国产一区二区三区不卡| 成人高清av在线| 99视频一区二区| 日韩综合一区二区| 日日欢夜夜爽一区| 日本欧美一区二区三区乱码 | 成人动漫视频在线| eeuss鲁片一区二区三区在线观看| 成人在线视频一区二区| 99久久精品费精品国产一区二区| 99热这里都是精品| 日韩av不卡一区二区| 奇米一区二区三区av| 青青国产91久久久久久| 欧美a级理论片| 久久激情五月激情| 国产一区二区导航在线播放| 国产麻豆视频一区| 成人免费视频一区| 视频一区欧美精品| 国内外成人在线| 成人免费福利片| 日本最新不卡在线| 国产一区二区三区日韩| 大桥未久av一区二区三区中文| av毛片久久久久**hd| 秋霞电影一区二区| 国产精品1区2区3区| 99精品在线免费| 国产尤物一区二区| 91丨九色丨蝌蚪富婆spa| 久99久精品视频免费观看| 风间由美一区二区三区在线观看| 日韩精品电影在线| 国产suv精品一区二区三区| 99国产精品久久久| 韩国午夜理伦三级不卡影院| 波多野结衣在线aⅴ中文字幕不卡| 热久久国产精品| 国产成人亚洲精品狼色在线| 日韩专区中文字幕一区二区| 国产精品一区二区三区网站| 日韩专区在线视频| 成人性视频免费网站| 秋霞午夜鲁丝一区二区老狼| 国产成人免费xxxxxxxx| 久久精品久久综合| 99久久精品免费观看| 国产一区二区三区在线观看免费视频 | 另类综合日韩欧美亚洲| 99r国产精品| 国产精品正在播放| 麻豆视频观看网址久久| av日韩在线网站| 国产福利一区二区三区视频| 蜜桃av一区二区三区电影| www.一区二区| 国产精品99久| 精品一区二区三区在线播放视频 | 99视频热这里只有精品免费| 国产九九视频一区二区三区| 日韩电影在线一区二区| 不卡一区二区在线| 高清免费成人av| 国产精品一区二区免费不卡| 久久爱另类一区二区小说| 日日夜夜精品视频天天综合网| www..com久久爱| k8久久久一区二区三区| 不卡视频在线看| 成人a免费在线看| 国产91精品久久久久久久网曝门| 韩国v欧美v日本v亚洲v| 精品一区二区三区在线观看国产| 免费成人性网站| 日本不卡的三区四区五区| 视频在线观看一区二区三区| 91首页免费视频| 96av麻豆蜜桃一区二区| 99国产一区二区三精品乱码| 不卡的看片网站| 99精品视频在线播放观看| 波波电影院一区二区三区| 成人午夜电影网站| 成人精品一区二区三区中文字幕| 国产成人精品三级| bt7086福利一区国产| 99精品视频在线播放观看| 91香蕉视频mp4| 青青草精品视频| 久久99久国产精品黄毛片色诱| 精品无人区卡一卡二卡三乱码免费卡| 韩国v欧美v亚洲v日本v| 国产高清不卡一区二区| 懂色一区二区三区免费观看| 成人av免费在线| 日韩精品一级二级| 极品美女销魂一区二区三区| 国产精品亚洲午夜一区二区三区| 丁香六月综合激情| 91浏览器在线视频| 九色|91porny| 成人午夜视频网站| 日本在线播放一区二区三区| 精品一区二区三区在线视频| 国产99一区视频免费| 91网站视频在线观看| 九九**精品视频免费播放| 国产成人精品亚洲午夜麻豆| 91视频免费看| 国产一区不卡视频| 91丨九色丨尤物| 国产一区二区三区四区五区入口 | 久久精品99久久久| 国产sm精品调教视频网站| 91丨九色丨蝌蚪丨老版| 激情综合色丁香一区二区| 国产电影一区在线| 日本最新不卡在线| 国产精品123区| 日韩精品成人一区二区三区| 国产伦精一区二区三区| 天堂一区二区在线| 国产老肥熟一区二区三区| 91蝌蚪porny| 国产精品香蕉一区二区三区| 日韩精品一级二级| 成人精品免费网站| 久色婷婷小香蕉久久| 99久久久精品| 国产高清精品网站| 另类调教123区| 99re成人在线| 国产成人免费在线观看| 精品一区二区三区欧美| 日韩中文字幕区一区有砖一区 | 国模大尺度一区二区三区| 95精品视频在线| 国产高清精品久久久久| 蜜桃视频在线观看一区| 91网站视频在线观看| 国产成人精品免费在线| 激情综合网激情| 麻豆精品一区二区三区| 波多野结衣在线一区| 国产成人亚洲精品狼色在线| 精品一二三四在线| 美女视频免费一区| 日本aⅴ免费视频一区二区三区| 99久久伊人久久99| www.欧美日韩国产在线| 国产成人亚洲精品狼色在线| 经典三级在线一区| 精品一区二区三区在线观看国产| 免费观看成人av| 免费成人在线影院| 美女一区二区视频| 蜜臀a∨国产成人精品| 秋霞午夜鲁丝一区二区老狼| 日韩av一区二区在线影视| 丝袜美腿亚洲综合| 日韩电影免费在线看| 日韩中文字幕1| 免费不卡在线视频| 麻豆国产欧美日韩综合精品二区| 美日韩一区二区| 韩国欧美一区二区| 国内不卡的二区三区中文字幕| 精品亚洲国产成人av制服丝袜| 精品在线播放免费| 国产在线精品一区二区三区不卡| 国产中文字幕精品| 国产精品996| 成人福利视频在线看| 91丝袜美腿高跟国产极品老师 | 国产一区二三区| 国产精品资源在线| 懂色av一区二区三区免费看| 成人国产亚洲欧美成人综合网 | 91看片淫黄大片一级在线观看| 日日噜噜夜夜狠狠视频欧美人| 奇米精品一区二区三区在线观看| 久久精品国产99| 国产高清亚洲一区| 成人h版在线观看| 秋霞午夜av一区二区三区| 激情综合网最新| 成人午夜在线视频| 青青国产91久久久久久 | 国产精品一区2区| 成人免费毛片a| 蜜臀av亚洲一区中文字幕| 精品一区二区免费看| 成人综合在线视频|

<samp id="ogick"></samp>