js右角弹出提示框示例代码
本文解释了网页右下角弹出式信息框的示例代码，供大家参考。具体内容如下设计素描 uff1a
具体的代码：
网页右下角的信息框。
{ #珠海经济特区银创
宽度：200px；
身高：0px；
位置：绝对；
权利：0；
底部：0；
边境：1px solid # 666；
保证金：0；
填料：1px；
溢出：隐藏；
显示：无；
}
#珠海经济特区银创。标题{
宽度：100%；
身高：22px；
行高：20px；
背景：# ffcc00；
字体粗细：粗体；
文本对齐：中心；
字体大小：12px；
}
#珠海经济特区银创，{
宽度：100%；
身高：90px；
行高：80px；
字体粗细：粗体；
字体大小：12px；
颜色：# FF0000；
文字装饰：下划线；
文本对齐：中心
}
#丝路{
字体大小：12px；
颜色：# 666；
位置：绝对；
权利：0；
文字装饰：下划线；
行高：22px；
}
关闭{。
位置：绝对；
右：4px；
上图：- 1px；
颜色：# FFF；
鼠标指针
}
功能tips_pop（）{
Var MsgPop = document.getelementbyid（珠海经济特区银创）；
VaR POPH = parseInt（msgpop。风格。高度）； / /物体高度数字转换
如果（POPH = = 0）{
msgpop。风格。显示为块； / /显示隐藏窗口
显示= setInterval（changeh（向上的）
}
别的{
隐藏= setInterval（changeh（Down'）
}
}
功能changeh（STR）{
Var MsgPop = document.getelementbyid（珠海经济特区银创）；
VaR POPH = parseInt（msgpop。风格。高度）；
如果（= ）{
如果（POPH <= 100）{
msgpop。风格。高度=（POPH + 4）。ToString（）+PX；
}
别的{
CSS样式（显示）；
}
}
如果（= ）{
如果（POPH > = 4）{
msgpop。风格。高度=（poph-4）。ToString（）+PX；
}
别的{
ClearInterval（隐藏）；
msgpop。风格。显示为无； / /隐藏的div
}
}
}
窗口。指针函数（）{
var o严密= document.getelementbyid（关闭）；
VaR BT = document.getelementbyid（BT）；
document.getelementbyid（'winpop）。风格高度= '0px；
setTimeout（tips_pop（）
Oclose。onclick =函数（）{ tips_pop（）}
bt.onclick =函数（）{ tips_pop（）}
}
3秒后，窗口会在右下角自动弹出。如果没有弹出窗口，请单击按钮。
你有新的短消息！X
1条未读信息（
上面的代码实现了我们需要的功能，下面是对实现过程的简要介绍。
实现原理：
原理很简单，下面的步骤是做一个简单的介绍：
1。允许窗口位于网页的右下角：
实现代码如下所示：
{ #珠海经济特区银创
宽度：200px；
身高：0px；
位置：绝对；
权利：0；
底部：0；
边境：1px solid # 666；
保证金：0；
填料：1px；
溢出：隐藏；
显示：无；
}
上面的代码设置windpop元素绝对定位，尤其是它的右侧和底部设置属性值为0，以确保它位于网页的右下角，并设置其高度为0px，也就是说，它是隐藏在默认状态。
2。如何显示和隐藏：
通过定时器函数setInterval（），每次changeh时间函数是在指定时间调用，这个功能可以不断根据传入的值设置windpop的高度，从而达到平滑和这个窗口出现的效果。其原理是在一般情况下，并没有太多这里介绍。
以上是右下角弹出框提示对话框的实现代码，希望对大家学习javaｓｃｒｉｐｔ程序设计有帮助。