技术标签 TAGS
专业技术精选
- 2020-03-20非常不错的骰子案例
- 2019-05-26vscode git and gitlens中文乱码问题
- 2011-12-14什么是网站制作的web标准
- 2011-12-14上海网站建设之六大不利优化因素
jquery.dialog jquery弹出层插件在线演示
http://www.designcss.org/jquery-plugin/dialog/###
参数说明
close_tag:".toClose,.toClosebox,.yes,.no",//触发关闭事件的选择器
draggable:false,//是否可拖拽
call:function(){}//关闭层的回调函数，这个可以保持默认
(function($){
$.fn.extend({
dialog:function(options){
var json={
close_tag:".toClose,.toClosebox,.yes,.no",
dblCloseArea:".message_container_closeArea",
iframelCloseArea:".dialogIframeCloseButton",
draggable:false,//是否可拖拽
delay_show:0,//渐显所需时间
delay_hide:0,//渐隐所需时间
isDbClick:true,
call:function(){}//关闭层的回调函数
};
/*全局变量 闭包所需*/
$.fn.extend(json,options);
return this.each(function(){
var _this=$(this);
var _dragObj=_this.find(".message_fr");
var _closeObj=_this.find(json.close_tag);
var _dblClose=_this.find(json.dblCloseArea);
var _iframelCloseArea=_this.find("iframe").contents().find(json.iframelCloseArea);
var _arrayDblClick=[_dblClose,_this];
var _arrayClick=[_closeObj,_iframelCloseArea];
var _opacityContainer=_this.find(".message_container_opacityContainer");
var dialog={
window:function(){
if(($.browser.msie)){
var windowWidth = document.documentElement.clientWidth
var windowHeight = document.documentElement.clientHeight;;
var scrollX = document.documentElement.scrollLeft;
var scrollY = document.documentElement.scrollTop;
}else{//非ie浏览器
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;
var scrollX = window.pageXOffset;
var scrollY = window.pageYOffset;
};
return {
windowWidth : windowWidth,
windowHeight : windowHeight,
scrollX : scrollX,
scrollY : scrollY
};
},
getSelects:function(){
return $("body select").not(".message_fr select");
},
openDialog:function(){
(function(_t){
_dragObj.css({display:"block"});
_this.css({display:"block"});
if(json.draggable==true){
_dragObj.draggable({handle:".fr_tt .m_bg"}).find(".fr_tt .m_bg").css({cursor:"move"});
}
})(this)
},
closeDialog:function(){
(function(_t){
_dragObj.css({display:"none"});
_this.css({display:"none"});
if(json.draggable==true){
}
json.call();
})(this);
},
setDialogPosition:function(){
_opacityContainer.html("");
_this.css({
top:this.window().scrollY,
height:this.window().windowHeight
});
_opacityContainer.height(this.window().windowHeight);
_dragObj.parent().parent().height(this.window().windowHeight);
},
init:function(){
(function(_t){
_t.openDialog();
_t.setDialogPosition();
$(window).scroll(function(){
if(_this.css("display")!="none"){
_t.setDialogPosition();
};
}).resize(function(){
if(_this.css("display")!="none"){
_t.setDialogPosition();
}
});
if(json.isDbClick){
for(var i in _arrayDblClick){
_arrayDblClick[i].dblclick(function(event){
if(event.target==this){
dialog.closeDialog();
}
});
}
}
for(var i in _arrayClick){
_arrayClick[i].click(function(event){
if(event.target==this){
dialog.closeDialog();
}
});
};
})(this);
}
}
dialog.init();
});
}
});
})(jQuery);