生成浮动层的接口知识总结
2009-09-06 00:00:00 来源：WEB开发网 闂傚倸鍊风欢姘缚瑜嶈灋闁圭虎鍠栫粻顖炴煥閻曞倹瀚�
闂傚倸鍊风粈渚€骞夐敓鐘插瀭闁汇垹鐏氬畷鏌ユ煙閹殿喖顣奸柛搴＄У閵囧嫰骞掗幋婵冨亾閻㈢ǹ纾婚柟鐐灱濡插牊绻涢崱妤冃℃繛宀婁簽缁辨捇宕掑鎵佹瀸闂佺懓鍤栭幏锟�
濠电姷鏁告慨顓㈠箯閸愵喖宸濇い鎾寸箘閹规洟姊绘笟鈧ḿ褍煤閵堝悿娲Ω閳轰胶鍔﹀銈嗗笂閼冲爼鍩婇弴銏＄厪闁搞儮鏅涙禒褏绱掓潏鈺佷槐闁轰焦鎹囬弫鎾绘晸閿燂拷闂傚倸鍊风欢姘缚瑜嶈灋闁圭虎鍠栫粻顖炴煥閻曞倹瀚� 闂傚倸鍊烽懗鑸电仚缂備胶绮〃鍛村煝瀹ュ鍗抽柕蹇曞У閻庮剟姊虹紒妯哄闁圭⒈鍋嗛惀顏囶樄闁哄本娲樼换婵婄疀閺囩姷鐛ラ梻浣哄帶婢瑰﹥绂嶅⿰鍫氣偓鏃堝礃椤忎礁浜鹃柨婵嗛婢ь喖霉閻樻瑥瀚粻楣冩煕椤愩倕鏋庨柣蹇嬪劜閵囧嫰寮村Ο鍝勫Е濡炪們鍨洪悷鈺呭箖閳╁啯鍎熼柕鍥у簻閹凤拷
我们在做应用开发时很经常地要生成浮动层，里面显示一些我们需要显示的内容。这里写一个生成浮动层的接口。如下：
Js代码
function minimizeExec(floatLyrComm){
var execObjCnt = $(floatLyrComm+"Cnt");
var execObjDiv = $(floatLyrComm);
var eventElement = event.srcElement || event.target;
if(execObjCnt.style.display==''){
execObjCnt.style.display = 'none';
eventElement.innerText = "□";
execObjDiv.style.height = '20px';
}else if(execObjCnt.style.display=='none'){
execObjCnt.style.display = '';
eventElement.innerText = "－";
}
}
/*************************************************************************************/
/*
/* 文档追加类（目前用于生成浮动层）
/*
/*************************************************************************************/
function DocWriteGen(){
}
DocWriteGen.prototype={
/**
* purpose:生成浮动层
* author:liugx
* remark:
*/
genFloatLyr:function(floatLyrId,floatLyrPro){
var floatdiv = document.createElement("div");
floatdiv.id = floatLyrId;
floatdiv.className = "float-lyr";
floatdiv.style.position = "absolute";
//floatdiv.style.left = floatLyrPro.left?floatLyrPro.left:"0px";
floatdiv.style.left = floatLyrPro.left||"0px";
floatdiv.style.top = floatLyrPro.top||"0px";
floatdiv.style.width = floatLyrPro.width||"200px";
floatdiv.style.height = floatLyrPro.height||"100px";
if(floatLyrPro.opacity){
floatdiv.style.opacity = floatLyrPro.opacity;
floatdiv.style.filter = 'alpha(opacity=' + parseInt(parseFloat(floatLyrPro.opacity)*100) + ')';
}
floatdiv.style.borderColor = floatLyrPro.borderColor||"#6495ED";
floatdiv.style.display = 'none';
trColor = floatLyrPro.trColor||"#6495ED";
tdTitle = floatLyrPro.tdTitle||"";
floatdiv.innerHTML = '<table width="100%" height="100%" boder="0" cellspacing="0" cellpadding="0">' +
'<tr style="background-color:' + trColor + '">'+
'<td height="20" width="96%" style="color:#FFFFFF" onmouseover="this.style.cursor=\'hand\';"'+
'onmousedown="Element.move(document.getElementById(\''+floatdiv.id+'\'),event);">'+tdTitle+'</td>' +
'<td width="2%" style="color:#FFFFFF;cursor:hand" onclick="minimizeExec(\''+floatdiv.id+'\')">－</td>' +
'<td width="2%" style="color:#FFFFFF;cursor:hand" onclick="document.getElementById(\''+floatdiv.id+'\').style.display=\'none\'">×</td>' +
'</tr>' +
'<tr>' +
'<td colspan="3" valign="top"><div id="'+floatdiv.id+'Cnt"></div></td>' +
'</tr>' +
'</table>';
return floatdiv;
}
}
var docWriteGen = new DocWriteGen();
- 好的评价 如果觉得好，就请您
0%(0) 
- 差的评价 如果觉得差，就请您
0%(0) 
中查找“生成浮动层的接口知识总结”更多相关内容
中查找“生成浮动层的接口知识总结”更多相关内容更多精彩
赞助商链接
