jQuery实现顶级POP框效果
Jq做了一个动态弹出提示框，在网页的顶部，它可以用来显示信息、显示通知信息。HTML代码
JQ顶部弹出框X
CSS代码
{体
保证金：0；
填充：0；
}
{。tooltiptop
宽度：100%；
身高：50px；
边距：- 50px；
显示：无；
}
tooltiptop.bg {。
宽度：100%；
背景颜色：# 333；
身高：50px；
不透明性：7；
位置：绝对；
保证金：0；
}
tooltiptop.main {。
宽度：100%；
位置：绝对；
保证金：0；
身高：50px；
行高：50px；
文本对齐：中心；
颜色：# FFF；
}
{ tooltiptop.main跨度。
浮子：右边；
颜色：# FFF；
右边距：20px；
光标：指针；
}
JQ代码
Var ToolTipTop = {
显示：函数（MSG）{
$（。tooltiptop.main我）Html（味精）；
$（。tooltiptop）。Css（显示
}，
隐藏：函数（）{
$（。tooltiptop）。动画（{ margintop：- 50px （500功能）}，{ $（this）。Css（显示
}
}
分享特殊效果，效果非常好。
CSS
*边距：0；填充：0；列表样式类型：无；}
一、img {边界：0；}
。演示{ margin: 0汽车0汽车；填充：200px 000；宽度：400px；文本对齐：中心；字体大小：18px；}
。演示。行动{颜色：# 3366cc；文字装饰：无；font-family:微软雅黑
#头{
位置：固定；Z指数：9999999；最高：0；右：0；左：0；高度：38px；底部边框：1px solid # e0dede；宽度：100%；
背景颜色：# f7f7f7；
背景图像：线性梯度（# FFF，# f7f6f5）；
背景图像：-moz线性梯度（# FFF，# f7f6f5）；
背景图像：- o-linear-gradient（# FFF，# f7f6f5）；
背景图像：WebKit的线性梯度（# FFF，# f7f6f5）；
箱的影子：插图0 1px # FFF，0 1px 3px RGBA（34,25,25,0.4）；
-moz盒阴影：插图0 1px # FFF，0 1px 2px RGBA（34,25,25,0.4）；
Webkit框阴影：插图0 1px # FFF，0 1px 3px RGBA（34,25,25,0.4）；
}
* HTML，* HTML正文{背景图片：URL（关于：空白）；背景附件：固定；}
* HTML #头{位置：绝对；顶部：表达（eval（文档。文档元素}。scrollTop））；}
。覆盖{位置：固定；顶：0；右：0；下：0；左：0；Z指数：998；宽度：100%；高度：100%；背景：# f6f4f5；显示：无；}
* HTML，* HTML正文{背景图片：URL（关于：空白）；背景附件：固定；}
* html.destroy，* HTML。覆盖{位置：绝对；顶部：表达（eval（文档。文档元素}。scrollTop））；}
。破坏{位置：固定；顶部：0px；左：50%；margin-left: - 425px；* margin-left: - 718px；_margin-left：- 425px；边距：- 292px；Z指数：99996；不透明度：0；过滤器：α（不透明度0）；}。
。表{位置：相对；宽度：840px；身高：290px；保证金：汽车；填充：0；背景：# fff9e2 URL（图像/ tips_bg。gif）；
盒子的影子：插图0 1px 0 # FFF，0 1px 6px RGBA（0,0,0，。3）；
-moz盒阴影：插图0 1px 0 # FFF，0 1px 6px RGBA（0,0,0，。3）；
Webkit框阴影：插图0 1px 0 # FFF，0 1px 6px RGBA（0,0,0，。3）；
底部边框：2px固体# efebda；
左下：5px边界半径；
右下：5px边界半径；
-moz边境左下角半径：5px；
-moz边境右半径：5px；
WebKit的边框左下5px半径；
WebKit的边框右下5px半径；
}
张a.close {显示：块；位置：绝对；宽度：20px；高度：20px；右：5px；顶部：5px；背景：URL（图像/ sheet_close。gif）没有重复；}
张：徘徊。关闭{背景位置：0 30px；}
张：主动关闭{背景位置：0 60px；}
。片。头{填充：20px 15px；底部边框：1px solid # f6f4ee；}
。sheet.head H2 {填充：0；字体大小：18px；字体重量：400；颜色：# 444；文本对齐：中心；}
。表。体{填充：10px 15px；边境上：1px solid # FFF；}
js
$（文档）Ready（函数（）{）
var = $（文档）Height（）；
$（）Css（{高度：}）；
Click（函数（）{）
$（。覆盖）。Css（{显示器：阻止}）。动画（{ 'opacity：'0.8}）；
$（破坏），停止（真的），动画（{ 'margin-top：'40px '，'opacity'：‘}，400）；
}）；
$（）。Click（函数（）{）
$（破坏），停止（真的），动画（{ 'margin-top '：' 292px '，'opacity'：‘0'}，800）；
$（。覆盖）。Css（{显示器：不关}）。动画（{ 'opacity'：‘0'}）；
}）；
}）；
HTML
jQuery浮动浮动层弹出页面加载效果
顶层动画弹出图层