温江做网站
新网创想网站建设，新征程启航
为企业提供网站建设、域名注册、服务器等服务
JavaScript如何实现弹窗效果-创新互联
小编给大家分享一下JavaScript如何实现弹窗效果，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！
效果图：
话不多说，请看代码：
每个弹窗的标识
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 = "