右下弹层和自动隐藏（自写）
总是有一个要求的权利较低级别的炮弹宣布通知。如何使用更简单的方面，更简单的代码和更好的用户体验是我们需要做的。市场上有很多炸弹，但效果不好。弹性层的实例图：
实现代码如下所示：
CSS样式：
复制代码代码如下所示：
通知层。
。msg_info {字体大小：12px；文本对齐：左；Z指数：100；位置：绝对的；显示：无；下：0；右：0；}；}
。msg_info H3 {浮动：左；保证金：0px；高度：0px；宽度：100%；颜色：# FFF；身高：30px；}
。msg_info H3跨度。msg_info H3 B。msg_info H3 EM。msg_info小，EM，H3，}
。msg_info H3 B。msg_info H3 EM。msg_info小B，msg_info EM {小。
。msg_info H3 B {背景位置：0px 0px；}
。msg_info H3 EM {背景位置：0px - 32px；}
。msg_info H3跨度{背景位置：0px - 64px；浮动：左；线高度：30px；}
。msg_info H3跨度字体{浮动：左；文本对齐：左；溢出：隐藏；margin-left: 12px；}
。msg_info H3跨我{浮动权；右边距：10px；鼠标指针；字体样式：正常；}。
。message_content {浮动：左；颜色：# 515f62；溢出：隐藏；左边框：solid 1px # c2c2c2；固体；；威；威；威；玉；玉；}。
。message_content div {浮动：左；保证金：0px；padding: 10px 14px；身高：100%；位置：相对；}。
。message_content div p.message_txt {浮动：左；宽度：100%；高度：80%；保证金：0px；padding: 0px；最小高度：60px；}。
。message_content div我{浮动：左；字体样式：正常；边距：2px；文本对齐：右；位置：固定；下：2px；右：4px；}。
。message_content b.bright {浮动权；宽度：1px；字体大小：1px；背景颜色：# c2c2c2；右：固体边界（边界右：固体）；100%；}
。msg_info小{浮动：左；宽度：100%；高度：5px；字体大小：5px；}
小跨度。msg_info {背景位置：0px - 101px；身高：5px；浮动：左；}
小B。msg_info {身高：5px；背景位置：0px - 96px；}
。msg_info小EM {身高：5px；背景位置：0px - 106px；浮动权；}
js的一部分：
自定义右下射弹函数
复制代码代码如下所示：
右下角/弹性层
功能信使（）{
this.layer = { { 'width：200、'height：100 }；
this.title =信息提示；
this.time = 4000；
this.anims = { {类型：'slide '，'speed：600 }；
this.timer1 = null；
this.istiming = false；
this.obj_id =msg_ + $（document。体）。发现（'msg_info的长度）；
无功_obj，_title，_anims，_time；
_timer2 = null；
初始化
this.inits =功能（标题、文本）{
_anims = this.anims；
_title =标题；
无功_html =；
_html + =；
_html + =；
_html + =；
_html + = + +称号；
_html + =X；
_html + =；
_html + =；
_html + =；
_html + =；
_html + = +文本+；
_html + =；
_html + =；
_html + =；
_html + =；
$（文档。体）Prepend（_html）；
_obj = $（。+这obj_id）；
如果（美元。浏览器。MSIE）{
_obj.css（底部，5）；
}
_obj.css（'width '，这个层。宽度）；
_obj.find（'。msg_bg_middle）。Css（'width '，this.layer.width - 12）；
_obj.find（'。message_content）。Css（'width '，this.layer.width - 2）；
_obj.find（'。msg_txt）。Css（'width '，this.layer.width - 34）；
_obj.find（。message_close）。Click（function（）{）
setTimeout（function（）{ closemsg（）；}，1）；
}）；
_obj.hover（函数（）{（）
ClearTimeout（1）；
ClearInterval（_timer2）；
_timer2 = 1 = null；
}函数（）{（）
1 = setTimeout（函数（）{ closemsg（）；}，_time×1000）；
Timing (_time * 1000);
}）；
}；
显示
这。=功能（标题、文本、时间）{
如果（标题0标题= = this.title | |！）；
This.inits（标题、文本）；
如果（时间> = 0 this.time =时间）；
开关（这个动画。型）{
case'slide：_obj.slidedown（这个动画。速度）；突破；
case'fade：_obj.fadein（这个动画。速度）；突破；
case'show：_obj.show（这个动画。速度）；突破；
默认值：_obj.slidedown（这个动画。速度）；突破；
}
This.rmmessage（的时间）；
}；
设置宽度和高度
this.lays =功能（宽度，高度）{
如果（宽度）！= 0）this.layer.width宽度=宽度；
如果（高度）！= 0高度）this.layer.height =高度；
}；
显示/属性
this.anim =函数（类型、速度）{
如果（类型）！= 0型）this.anims.type =型；
如果（速度）！= 0速度）{
开关（速度）{
case'slow '：；打破；
case'fast：this.anims.speed = 200；突破；
case'normal：this.anims.speed = 400；突破；
默认值：this.anims.speed =速度；突破；
}
}
}；
删除时间
this.rmmessage =功能（时间）{
如果（时间> 0）{
1 = setTimeout（函数（）{ closemsg（）；}，时间）；
如果（这。istiming）{
时间（时间）；
}
}
}；
时间
时间=函数（时间）{
_time =时间/ 1000；
_timer2 = setInterval（）{（）函数（
_obj.find（'。msg_bg_middle）。发现（'font）。Html（_title ++（-- _time）{自动关闭，+秒）；
}，1000）；
}
关闭层
closemsg =函数（）{
开关（_anims。型）{
case'slide：_obj.slideup（_anims。速度）；突破；
case'fade：_obj.fadeout（_anims。速度）；突破；
case'show：_obj.hide（_anims。速度）；突破；
默认值：_obj.slideup（_anims。速度）；突破；
}
setTimeout（function（）{ _obj.remove（）；}，_anims。速度）；
}
}
榜样的作用：
复制代码代码如下所示：
var msg =目前有+ json.total +审计用户等待您的审核。json.stadate + +；
无功msgdiv =新的信使（）；
msgdiv.istiming =真；
（300, 180）msgdiv.lays；
msgdiv.show（用户审核提醒