jquery 弹出插件

//弹层 dialog
/*options{content:弹层内容(必传),title:弹层标题(可选), width:(宽,可选,没有则自适应),height:(可选),drag:是否可拖动,默认false,mask:是否须要遮罩层*/
var d_dialog=function(options){
  if(options){
    var template='<div class="d-dialog"><div class="d-dialog-h clearfix"><span class="closebtn fR"></span>'+(options.title!=null?('<span class="title fL">'+options.title+'</span>'):'')+'</div><div class="d-dialog-con">'+options.content+'</div></div>';
    if(options.mask){//遮罩层
      var mask='<div class="d-dialog-mask"></div>';
      template=mask+template;
    }
    options.dialog=jq('<div class="d-dialog-wrap">'+template+'</div>');
    jq('body').append(options.dialog);
    //调整位置
    options.width=options.width?options.width:options.dialog.find('.d-dialog').width();
    options.height=options.height?options.height:options.dialog.find('.d-dialog').height();
    options.top=options.top?options.top:(jq(window).height()-options.height)/2;
    options.left=options.left?options.left:(jq(window).width()-options.width)/2;
    options.dialog.find('.d-dialog').css({width:options.width,height:options.height,top:options.top,left:options.left});
    jq(window).resize(function(){//窗口改变时
      options.top=(jq(window).height()-options.height)/2;
      options.left=(jq(window).width()-options.width)/2;
      options.dialog.find('.d-dialog').css({top:options.top,left:options.left});
    });
    //关闭弹层
    options.dialog.find('.closebtn').click(function(){
      options.dialog.remove();
    });
  }
};
相关文章
相关标签/搜索