| ';
HTML+=' '+this.title+'';
HTML+=' ';
HTML+='× ';
if(this.url!=" "){
HTML+='';
}else if(this.textid!=""){
htmlinner=$(this.textid).html();
}else{
htmlinner=' '+this.text+' ';
}
html+='';
$('body').append(html);
this.jObject=$("#"+this.id);
this.jClose=$("#"+o.id+"close");
this.jTitle=$("#"+o.id+"title");
var obj=this;
this.getCenterP=function(){
this.ll=function(){return (window.screen.width-obj.width)/2;}
this.tt=function(){return (window.screen.height-obj.height)/2;}
}
this.setPosition=function(left,top){
obj.jObject.css({left:left+$(document).scrollLeft(),top:top+$(document).scrollTop()});
}
this.getJObject=function(){
return obj.jObject;
}
this.bindClose=function(overlay){
obj.jClose.css('cursor','hand');
obj.jClose.bind('click',function(){
obj.jObject.hide();
obj.jObject.remove();
if(overlay){overlay.hide();overlay.remove();}
});
}
this.bindFloat=function(){
$(window).scroll(function(){
obj.setPosition(obj.left,obj.top);
});
}
this.bindMove=function(){
obj.jTitle.css('cursor','hand');
obj.jTitle.mousedown(function(){
var leftLen=event.clientX-obj.jObject.offset().left;
var topLen=event.clientY-obj.jObject.offset().top;
$(document).bind("mousemove",function(event){
var aa=event.clientX-leftLen;
var bb=event.clientY-topLen;
obj.top=bb-$(document).scrollTop();
obj.left=aa-$(document).scrollLeft();
obj.jObject.css({left:aa,top:bb});
}).bind("mouseup",function(){
$(document).unbind("mousemove").unbind("mouseup");
});
});
}
if(this.left=="auto"){
this.left=new this.getCenterP().ll();
}
if(this.top=="auto"){
this.top=new this.getCenterP().tt();
}
//初始化位置
this.setPosition(this.left,this.top);
}
/*生成弹出层-------------------E--------------------*/
/*获取页面高度宽度-------------------S--------------------*/
var docInfo=function(dd){
this.ww=function(){var ww=document.compatMode == "CSS1Compat"?document.documentElement.scrollWidth:document.body.scrollWidth;return Math.max(ww,$(window).width());}
this.hh=function(){var hh=document.compatMode == "CSS1Compat"?document.documentElement.scrollHeight:document.body.scrollHeight;return Math.max(hh,$(window).height());}
}
/*获取页面高度宽度-------------------E--------------------*/
/*生成遮罩层-------------------S--------------------*/
var overlay=function(id){
var overlay='';
$('body').append(overlay);
var obj=this;
this.jOverlay=$("#"+id+"masks");
this.getJObject=function(){
return obj.jOverlay;
}
this.initOverlay=function(){
obj.jOverlay.css({width:new docInfo().ww(),height:new docInfo().hh()});
}
this.initOverlay();
}
/*生成遮罩层-------------------E--------------------*/
/*处理逻辑 S*/
var gFloatBox=function(obj,o){
//点击创建对象 关闭时移除对象
obj.bind('click',function(){
var floatBoxOBJ=new floatBox(o); //弹出层对象
var overlayOBJ=new overlay(o.id); //遮罩层对象
var $floatBox=floatBoxOBJ.getJObject(); //弹出层jQ对象
var $overlay=overlayOBJ.getJObject(); //遮罩层jQ对象
$overlay.show();
$floatBox.show();
if(o.closeable){floatBoxOBJ.bindClose($overlay);}
if(o.floatable){floatBoxOBJ.bindFloat();}
if(o.moveable){floatBoxOBJ.bindMove();}
});
}
/*处理逻辑 E*/
/*main s*/
o=$.extend({},{
id:"floatpo", /*弹出框id */
width:400, /*弹出框宽度 */
height:300, /*弹出框高度 */
left:"auto", /*弹出宽初始左边距 auto时取屏幕中间*/
top:"auto", /*弹出框初始上边距 auto时去屏幕中间*/
url:"", /*包含页面 url 如"aaa.html" */
textid:"", /*包含某id 下的html内容 如"#aaa" */
title: "", /*直接写内容 标题 */
text:"", /*直接写内容 内容 */
titlecss:"", /*标题样式 */
innercss:"", /*内容样式 限直接包含text使用 */
closecss:"", /*关闭按钮样式 */
closeinner:"╳ ", /*关闭按钮内容 */
css:"", /*弹出框 样式 */
closeable:true, /*是否能关闭 */
moveable:true, /*是否能拖动 */
floatable:true /*是否能浮动 */
},o);
new gFloatBox($(this),o);
/*main e*/
}
/**-----------------------------generateFloatBox==E---------------------------------------**/
|