电脑医生-奉献 QQ:343907552

body {

background: #E6EAE9;

}

.fixedHeaderTr

{

z-index:10;

position:relative;

top:expression(this.offsetParent.scrollTop);

color:white;

background-color:#4f6b72;

font:  10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

};

.fixedHeaderTd

{

color:white;

background-color:#4f6b72;

};

.relativeTag

{

font:  10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;

position:relative;

border:none;

border-bottom: 1px solid #CCCCCC;

border-right: 1px solid #CCCCCC;

};

.fixedHeaderCol

{

z-index:9;

background-color:#4f6b72;

position:relative;

left:expression(this.parentElement.offsetParent.scrollLeft);

color:white;

font:  12px "宋体", Verdana, Arial, Helvetica, sans-serif;

border:none;

border-bottom: 1px solid #CCCCCC;

border-right: 1px solid #CCCCCC;

};

.fixedHeaderCol_left

{

z-index:9;

background-color:#f2f3f7;

position:relative;

left:expression(this.parentElement.offsetParent.scrollLeft);

color:#000000;

font:  12px "宋体", Verdana, Arial, Helvetica, sans-serif;

border:none;

border-bottom: 1px solid #CCCCCC;

border-right: 1px solid #CCCCCC;

};

.mainDiv

{

overflow:auto;

scrollbar-face-color:9999ff;

height:expression((document.body.clientHeight-this.offsetTop-20>this.children[0].offsetHeight)?(this.children[0].offsetHeight+20) : (document.body.clientHeight-this.offsetTop-20));

width:expression(document.body.clientWidth-20);

}

.resizeDivClass

{

position:relative;

/*background-color:#4f6b72;*/

width:4;

z-index:100;

float:right;

left:2;

cursor:e-resize;

}

function MouseDownToResize(obj){

setTableLayoutToFixed();

obj.mouseDownX=event.clientX;

obj.pareneTdW=obj.parentElement.offsetWidth;

obj.pareneTableW=theObjTable.offsetWidth;

obj.setCapture();

}

function MouseMoveToResize(obj){

if(!obj.mouseDownX) return false;

var newWidth=obj.pareneTdW*1+event.clientX*1-obj.mouseDownX;

if(newWidth>0)

{

obj.parentElement.style.width = newWidth;

theObjTable.style.width=obj.pareneTableW*1+event.clientX*1-obj.mouseDownX;

}

}

function MouseUpToResize(obj){

obj.releaseCapture();

obj.mouseDownX=0;

}

function setTableLayoutToFixed()

{

if(theObjTable.style.tableLayout=='fixed') return;

var headerTr=theObjTable.rows[0];

for(var i=0;i

{

headerTr.cells[i].styleOffsetWidth=headerTr.cells[i].offsetWidth;

}

for(var i=0;i

{

headerTr.cells[i].style.width=headerTr.cells[i].styleOffsetWidth;

}

theObjTable.style.tableLayout='fixed';

}

自由拖动表格列宽,并且固定标题和首列(ACCESS数据库版)

var mydown = 0, myout = 0, tdID, clickedID, currentID, prevID; //Don't attempt to modify these variables

var fntcolor = "#333333", fntcolorhilite = "#333333"; //Font color on mouse over and out the td

var bgOver = "#CEE3FF", bgDown = "#CEE3FF", bgClickedout = "#CEE3FF", bgOut = ""; //Background color on mouse over, down, out after click, out without click

function getID(mytdID) { //Get current td ID on mouse over

tdID = mytdID;

currentID = document.all[mytdID];

currentID.bgColor = bgOver;

currentID.style.color = fntcolor;

}

function sC(clickID,myclick) { //Define ID that should be stored as last clicked td ID

mydown = myclick;

clickedID = clickID;

if ( prevID != null) {

prevID.bgColor = bgOut;

prevID.style.color = fntcolor;

}

else {

}

currentID.bgColor = bgDown;

}

function oC(myout) { //Detect whether the mouse is clicked or not

if (myout == 1 && mydown == 1) {

currentID.bgColor = bgClickedout;

currentID.style.color = fntcolorhilite;

prevID = document.all[clickedID];

mydown = 0;

}

else if (currentID == prevID) {

currentID.bgColor = bgClickedout;

currentID.style.color = fntcolorhilite;

}

else {

currentID.bgColor = bgOut;

}

}

发表于 2009-07-17 10:02 javaex 阅读(777) 评论(0)  编辑  收藏 所属分类: CSS