一个jQuery实现弹出层效果的例子

本文介绍了一种用jQuery实现弹出图层效果的方法，供大家参考，具体实现方法如下：
jquery弹出层
$（函数（）{（））
$（# btnshow）。Click（function（）{）
我是一个弹出对话框；
Html（STR）；
$（# bgdiv）。Css（{显示：块），身高：$（document）。Height（）}）；
无功yscroll = document.documentelement.scrolltop；
$（# dialogdiv ）Css（上。
$（# dialogdiv）。Css（显示
document.documentelement.scrolltop = 0；
}）；
$（# btnclose）。Click（function（）{）
$（# bgdiv）。Css（显示
$（# dialogdiv）。Css（显示
}）；
}）；
体，H2
{
保证金：0；
填充：0；
}
# bgdiv
{
背景颜色：# e3e3e3；
位置：绝对；
Z指数：99；
左：0；
顶部：0；
显示：无；
宽度：100%；
身高：1000px；
不透明性：0.5；
滤镜：alpha（不透明度= 50）；
-个不透明度：0.5；
}
# dialogdiv
{
位置：绝对；
宽度：400px；
左：50%；
顶部：50%；
margin-left: - 200px；
高度：自动；
Z指数：100；
背景颜色：# FFF；
边境：1px # 8fa4f5固体；
填料：1px；
}
# dialogdiv H2
{
身高：25px；
字体大小：14px；
背景颜色：# 8fa4f5；
职位：相对；
左：10px填充；
行高：25px；
}
# dialogdiv H2
{
位置：绝对；
右：5px；
字体大小：12px；
颜色：# 000000；
}
# dialogdiv.form
{
填料：10px；
}

弹出关闭

我是一个弹出对话框！
我是一个弹出对话框！
我是一个弹出对话框！
我是一个弹出对话框！
我是一个弹出对话框！
我是一个弹出对话框！
我是一个弹出对话框！

希望本文能对大家的jQuery程序设计有所帮助。