jquery 弹窗 进入网页_jQuery弹出窗口简单实现代码

今天讲了Jquery的弹出窗口的组成和用法：

先把引用文件的代码写好：

// 每个弹窗的标识

var x =0;

var idzt = new Array();

var Window = function(config){

//ID不重复

idzt[x] = "zhuti"+x; //弹窗ID

//初始化，接收参数

this.config = {

width : config.width || 300, //宽度

height : config.height || 200, //高度

buttons : config.buttons || '', //默认无按钮

title : config.title || '标题', //标题

content : config.content || '内容', //内容

isMask : config.isMask == false?false:config.isMask || true, //是否遮罩

isDrag : config.isDrag == false?false:config.isDrag || true, //是否移动

};

//加载弹出窗口

var w = ($(window).width()-this.config.width)/2;

var h = ($(window).height()-this.config.height)/2;

var nr = "

$("body").append(nr);

//加载弹窗标题

var content ="

"+this.config.title+"

×

";

//加载弹窗内容

var nrh = this.config.height - 75;

content = content+"