使用jQuery制作弹出效果

非常好的国内js弹出框插件，由前端工程师开发的，提供了各种自定义对话框。该方法简单，浏览器兼容性好，支持弹出窗口模式：
警告：常见提示（警告）对话框

确认：查询（确认）对话框

消息：简单消息对话框（没有标题，没有按钮）

iframe：在对话框中嵌入一个iframe

提示：一个小的三角形尖点。

对话框：最基本的自定义对话框
无功jdialogid = { }；
（函数（$）{）
美元。JDialog =功能（选项）{

var id = parseInt（math.floor（Math.random（）* 1000 + 1）））；
而（美元。内部数组（ID，jdialogid）！= 1）{
ID = parseInt（math.floor（Math.random（）* 1000 + 1））；
}
JDialogId.push（ID）；

var默认值= {
标题：
内容：这是一个jasui对话框插件
宽度：350，
身高：0，
计时器：0，
Showbuttons：假，
按钮：{ }，
okval：确认
函数（）{返回false；}，
cancelval：取消
取消：函数（）{返回false；}，
showclose：真，
关闭：函数（）{ }，
主题：
}；
var选项=扩展（默认值，选项）；
无功_objdiv = 如果（options.theme！）{
_objdiv = _objdiv + j-dialog + options.theme +>；
{人}
_objdiv = _objdiv +> ；
}
_objdiv = _objdiv + ；
如果（选项。showclose）{
_objdiv = _objdiv +
}
如果（options.title！）{
_objdiv = _objdiv + options.title + + ；
}
_objdiv = _objdiv + ；
_objdiv = _objdiv + options.content + + ；

如果（选项。showbuttons）{
_objdiv = _objdiv + ；
美元。每个（options.buttons，功能（I值）{
_objdiv = _objdiv + value.title + + ；
}）
_objdiv = _objdiv + options.okval + + ；
_objdiv = _objdiv + options.cancelval + + ；
_objdiv = _objdiv + ；
}；

_objdiv = _objdiv + ；
$（体）追加（_objdiv）；
_obj = $（var的# j-dialog+身份证）
如果（选项>高度> 0）{
_obj.css（高
}
_obj.css（宽
_obj.css（边距- +（options.height / 2）+ 'px）；
_obj.css（多余- +（options.width / 2）+ 'px）；
_obj.animate（{顶：30 %，不透明度：1 }，0）；
如果（选项。showclose）{
_obj.find（'。j-dialog-close '），（听到咔哒声，函数（）{（）{
美元。jdialogremove（ID，选择关闭）；
}）
_obj.find（'。j-dialog-ok '），（听到咔哒声，函数（）{（）{
如果（！Options.ok（））{
美元。jdialogremove（ID，选择关闭）；
}
}）
_obj.find（'。j-dialog-cancel '），（听到咔哒声，函数（）{（）{
如果（！Options.cancel（））{
美元。jdialogremove（ID，选择关闭）；
}
}）
}
如果（选项。showbuttons）{
美元。每个（options.buttons，功能（I值）{
_obj.find（{数据id =+我+））。在（听到咔哒声，函数（）{）
如果（！value.callback（））{
美元。jdialogremove（ID，选择关闭）；
}
}）
}）
}；
如果（选项>计时器> 0）{
setTimeout（）{（）函数（
美元。jdialogremove（ID，选择关闭）；
}，选项，计时器）；
}
返回ID；
}，
美元。jdialogremove =功能（ID，回调）{
如果（美元。内部数组（ID，jdialogid）！= 1）{
jdialogid.splice（美元。内部数组（ID，jdialogid），1）；
$（# j-dialog+身份证），动画（{顶：0，不透明度：0 }，500、函数（）{）{
$（# j-dialog+身份证）删除（）；
如果（回调）{
回调（）；
}
}）；
}
}，
美元。jTip =功能（选项）{
var默认值= {
内容：这是一个jasui对话框插件
宽度：200，
计时器：0，
showclose：假，
关闭：函数（）{ }，
主题：
}；
var选项=扩展（默认值，选项）；
美元。JDialog（选项）；
}，
美元。jfloattext =功能（TXT，颜色条POSx，波西）{
var $ I（$ ）；
var x = y = 40 50 %，%；
无功_color =# e94f06；
如果（颜色）{
_color =颜色；
}
如果（POSx）{
X = POSx；
}
如果（铭文）{
Y =铭文；
}
i.css美元（{顶：200，左：X，位置：绝对
$（）；
i.animate美元（{顶：20，不透明度：0 }，1500、函数（））{
i.remove美元（）；
}）；
}

}（jQuery）；
以上是本文的全部内容，希望能够帮助您熟练使用jQuery。