最近，一个项目已经完成。很多功能都是关于弹出框的。我曾经认为弹出框是一个很容易实现的对话框。但最近，我真的开始了这个功能，我发现有很多问题我想不起来。
例如，添加、删除或修改的一些弹出框。添加一些用户时，弹出框应提交一些关于用户、设置密码和其他信息的信息。修改时，根据用户姓名和身份证号码修改密码。

例子如下：
复制代码代码如下所示：





蓝色枫面前
添加查询{ 10 }
后续查询{ 1000 }







蓝色枫面前
添加查询{ 10 }
后续查询{ 1000 }







蓝色枫面前
添加查询{ 10 }
后续查询{ 1000 }







蓝色枫面前
添加查询{ 10 }
后续查询{ 1000 }







蓝色枫面前
添加查询{ 10 }
后续查询{ 1000 }





添加到




弹出帧内容：
复制代码代码如下所示：




用户名 uff1a



营销客户服务：




登录密码：



确认密码：




确认
取消





弹出框的js实现
复制代码代码如下所示：
$（函数（）{（））
窗口= $（窗口），
$ $ = $（文档），
身体= $（美元'body）；
对管理员添加删除js代码
无功tabli = $（。表示标签面板），（礼）；
tabli.hover（函数（）{（）
$（这）。AddClass（悬停）。兄弟姐妹（）。RemoveClass（悬停）；
（函数）{ }，
位置弹出框
$（窗口）。滚动（函数（）{）
无功pwdtips = $（。pwdtips ）；
VaR高度= pwdtips.height（）；
VaR的宽度= pwdtips.width（）；
无功bodyhieght = $（窗口）Height（）；
var = $（窗）个Width（）；

如果（！PwdTips.is（：隐藏））{
PwdTips.css（{
位置：固定
上图：（bodyhieght高度） / 2，
左：（个宽度） / 2
}）；
}

}）；
弹出框定位结束
半透明背景设置弹出框
无功bgshadow =功能（在）{
在zindexzindex：= 999；
_bg = $（var 'div.pwdtipsbg），
bg_html =；
如果（_bg.length = 0）{
_bg = $（bg_html）；
}
body.append美元（_bg）；
_bg.css（{
位置：绝对的，
上图：'0px，
左：'0px，
宽度：window.scrollleft美元（）+（）+ 'pxwindow.width美元，
身高：doc.height美元（），
Z：在
}）；
返回_bg；
}；

半透明背景设置弹出框
*绑定事件

无功bindclick =功能（obj，handlerevent）{
Obj.bind（单击
E.preventDefault（）；
（1001）bgshadow；
选择=美元VaR（这）Attr（'contentid）；
无功onlineid =美元（这）Attr（'id'）；
无功pwdtips = $（选择）；
If (handlerEvent! = null）
{
handlerevent（$（this））；

}
PwdTips.show（）；
PwdTips.find（。CloseBtn。diasmtrst）。Click（function（）{（）
PwdTips.hide（）；
_bg = $（var 'div.pwdtipsbg）；
_bg.remove（）；
}）；
PwdTips.find（# onlineid）。瓦迩（onlineid）；



}）；

}；
VaR显示= tabli.find（DT），
addpanelbtn = $（。addpanelbtn ），
clickbtn = $（。clickbtn ）；
VaR值=功能（obj）{

如果（$（obj），（'。addpanelbtn '））
{
$（# opename）。Attr（币值，）；

$（# pwdrest）。找到（#用户名）显示（）；

}
其他的
{

$（# pwdrest）。找到（#用户名）隐藏（）；
$（# opename）。Attr（币值，obj.text（））；
$（输入。shareid）。Attr（币值，obj.attr（'id'））
}

}
$（函数（）{（））
BindClick（显示，设定值）；
BindClick（addpanelbtn，SetValue）；
BindClick（clickbtn，SetValue）；
}）；
}）

所有弹出的内容都是根据情况来判断的。我们可以根据情况得到相应的值。首先，我们根据触发器的类型决定是否更改密码或添加客户服务，然后显示相应的弹出内容。