html设置浮动框架的位置,HTML 浮动框 大体框架

//ID

//=================================================================

//初始化

function initFudong(){

document.getElementById("fudongDIVid").style.width=250;

document.getElementById("fudongDIVid").style.height=500;

document.getElementById("fudongDIVid").style.display="";

document.getElementById("fudongDIVid").style.top=topTableHeight;

document.getElementById("fudongDIVid").style.left= parseInt(document.body.clientWidth)-parseInt(document.getElementById("fudongDIVid").style.width);

document.getElementById("fudongDIVid").style.height= parseInt(document.body.clientHeight)-topTableHeight-bottomHeight-5;

}

var currentOpentObj=270;

var toWidthjian=0;

//适宽

function inittabpanelWidth(toobj1,obj2){

if(parseInt(obj2.style.width)>270) {       //fudongDIVid

// alert(toobj1+"  "+obj2);

toobj1.style.width=parseInt(obj2.style.width);

toobj1.style.left=parseInt(document.body.clientWidth)-parseInt(toobj1.style.width)-toWidthjian;

currentOpentObj=parseInt(toobj1.style.width)+10;

//currentOpentObj=parseInt(obj2.style.width);

//toobj1.style.height=obj2.style.height;

}else{

currentOpentObj=270;

document.getElementById("fudongDIVid").style.left= parseInt(document.body.clientWidth)-currentOpentObj;

toobj1.style.width=currentOpentObj;

document.getElementById("fudongDIVid").style.width=currentOpentObj;

}

document.getElementById("IMGID").src="images/tabpanle/close.gif";

}

//展开

function openOrClosePanel(objimg){

if(objimg.src.indexOf("close")!=-1){

document.getElementById("fudongDIVid").style.left= parseInt(document.body.clientWidth)-15;

document.getElementById("fudongDIVid").style.width=13;

objimg.src="images/tabpanle/open.gif";

}else{

document.getElementById("fudongDIVid").style.left= parseInt(document.body.clientWidth)-currentOpentObj-toWidthjian;

document.getElementById("fudongDIVid").style.width=currentOpentObj;

objimg.src="images/tabpanle/close.gif";

}

}

//隐藏

function closePanel(){

document.getElementById("fudongDIVid").style.left= parseInt(document.body.clientWidth)-15;

document.getElementById("fudongDIVid").style.width=13;

document.getElementById("IMGID").src="images/tabpanle/open.gif";

//document.getElementById("IMGID").src="images/tabpanle/close.gif";

}

//打开

function openPanel1(){

document.getElementById("fudongDIVid").style.left= parseInt(document.body.clientWidth)-currentOpentObj-toWidthjian;

document.getElementById("fudongDIVid").style.width=currentOpentObj;

document.getElementById("IMGID").src="images/tabpanle/close.gif";

}

//插入内容

sss

可能需要简单的修改。