本文实例讲解了网页右下角弹出广告信息框实例代码，分享给大家供大家参考，具体内容如下

效果图：

具体代码：

！DOCTYPE html html html healtheeta charset=' GB 2312 '标题网页右下角的信息框/title/head style type=' text/CSS ' # winpop { width :200 px；高度：0像素位置：绝对；右：0底部：0;border:1px固体# 666;边距margin:0padding:1px飞越：隐藏；display:none}#winpop .标题{宽度：100%；高度：22px线高：20 px背景# FFCC00font-weight :粗体；文本对齐：居中；font-size :12 px}#winpop .con { width :100%；高度：90 px线高：80 px字体粗细：加粗；font-size :12 px颜色： # FF0000文本修饰：下划线；文本对齐：中心} #路斯{ font-size :12 px颜色： # 666位置：绝对；右：0文本修饰：下划线；线高：22 px}.关闭{ position : absolute eright :4 xtop :-1px；颜色： # FFF；光标：指针}/样式脚本类型=' text/JavaScript '函数tips _ pop(){ var MsgPop=document。getelementbyid(' winpop ')；var popH=ParSeint(MSgpop。风格。高度)；//将对象的高度转化为数字if(PopH==0){ MSgpop。风格。display=' block//显示隐藏的窗口show=setInterval('changeH('up ')'，2)；} else { hide=SetInterval(' ChangeH(' down ')'，2)；} } function changeH(str){ var MsgPop=document。getelementbyid(' winpop ')；var popH=ParSeint(MSgpop。风格。高度)；if(str==' up '){ if(PopH=100){ MSgpop。风格。高度=(PopH 4).toString()" px "；} else { clearInterval(show)；} } if(str==' down '){ if(PopH=4){ MSgpop。风格。高度=(PopH-4).toString()" px "；} else{ clearInterval(隐藏);msgpop。风格。display=" none//隐藏DIV } } }窗口。onload=function(){ var oclose=document。getelementbyid(' close ')；var Bt=文档。getelementbyid(' Bt ')；文件。getelementbyid(' winpop ')。风格。高度=' 0pxsetTimeout('tips_pop()'，3000)；奥洛斯。onclick=function(){ tips _ pop()} Bt。onclick=function(){ tips _ pop()}/scriptbodydiv id='路斯'按钮id='bt'3秒后会在右下角自动弹出窗口，如果没有弹出请点击这个按钮/button/div div id=' winpop ' div class=' title '您有新的短消息！span class=' close ' id=' close ' x/span/div class=' con ' 1条未读信息(/div/div/body/html以上代码实现了我们需要的功能，下面简单介绍一下实现过程。实现原理：原理非常的简单，下面分步做一下简单的介绍：1.让窗口居于网页的右下角：实现代码如下：

# winpop { width :200 pxh three :0 px位置：绝对；右：0底部：0;border:1px固体# 666;边距margin:0padding:1px飞越：隐藏；display:none}以上代码将windpop元素设置为绝对定位，尤其是将它的正确和底部属性值设置为0,这样就保证了它位于网页的右下角，同时也将它的高度设置为0px，也就是说在默认状态下是隐藏的。2.如何显示和隐藏：通过定时器函数setInterval()每隔指定时间调用一次changeH()函数，此函数可以根据传递的值不断的设置windpop的高度，这样就实现了此窗口平滑出现和消失的效果。原理大体如上，这里就不多介绍了。

以上就是右下角弹出提示框的实现代码，希望对大家的学习爪哇岛描述语言程序设计有所帮助。