怎么用jQuery实现弹出窗口
这篇文章主要介绍“怎么用jQuery实现弹出窗口”,在日常操作中,相信很多人在怎么用jQuery实现弹出窗口问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”怎么用jQuery实现弹出窗口”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!
创新互联专注于企业成都全网营销、网站重做改版、兴宁网站定制设计、自适应品牌网站建设、H5建站、商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为兴宁等各大城市提供网站开发制作服务。
先把引用文件的代码写好:
// 每个弹窗的标识 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 = "
"+this.config.title+"
×
"+this.config.content+"