js网页右下角提示框的示例

本文介绍了js网页右击提示框的实现，供大家分享，具体方法如下：

HTML代码部分如下所示：

复制代码代码如下所示：

。messagetip {边界右：# 455690 1px solid；边境上：# a6b4cf 1px solid；左边框：# a6b4cf 1px solid底部边框：# 455690 1px；固体；Z指数：99999；左：0px；顶部：0px；能见度：隐藏的宽度；230px位置：；绝对；背景：# cfdef4；文本对齐：左}

。messagetip。关闭{位置：绝对；右：0px；font-weight:大胆；填充：4px 4px 00；}

。messagetip.close一{颜色：红色；字体大小：12px；文字装饰：无；}

。messagetip。内容{边界上：# ffffff 1px solid；左边框：# ffffff 1px solid }

。messagetip。内容。标题{颜色：# 1f336b；填料顶部：4px；填充左：4px；身高：22px；}

。messagetip。内容。味精{边界：# b9c9ef 1px solid；左边框：# 728eb8 1px solid；边境上：# 728eb8。

*
系统提示：
内容

js代码部分如下所示：

复制代码代码如下：功能messagetip（pjso）{

_。init（这pjso，{）

名称：'msg ' / /提示框的标签ID

}）；

this.emsg = document.getelementbyid（这个名字）；

}

MessageTip.prototype =

{

提示框始终位于右下角。

功能定位：（_this）{

无功divheight = parseInt（_this.emsg.offsetheight，10）；

无功divwidth = parseInt（_this.emsg.offsetwidth，10）；

无功docwidth = document.body.clientwidth；

无功docheight = document.body.clientheight；

_this.emsg.style.top = docheight - divheight + parseInt（document.body.scrolltop，10）；

_this.emsg.style.left = docwidth - divwidth + parseInt（document.body.scrollleft，10）；

}，

缓慢上升的提示框

MoveDiv：功能（_this）{

*

它可以设置几秒钟关闭。

…

* /

{试

如果（parseInt（_this.emsg.style.top，10）（_this.docheight <= - _this.divheight + parseInt（document.body.scrolltop，10）））{

window.clearinterval（_this。objtimer）；

_this.objtimer = window.setinterval（函数（）{ _this.reposition（_this）；}，1）；

}

_this.divTop = parseInt (_this.eMsg.style.top, 10);

_this.emsg.style.top = _this.divtop - 1；

}

catch（e）{

}

}，
关闭提示框

关闭：函数（）{

this.emsg.style.visibility =隐藏；

如果（这。objtimer）window.clearinterval（这个。objtimer）；

}，

显示框

显示：函数（）{

无功divtop = parseInt（this.emsg.style.top，10）；

this.divtop = divtop；

无功divleft = parseInt（this.emsg.style.left，10）；

无功divheight = parseInt（this.emsg.offsetheight，10）；

this.divheight = divheight；

无功divwidth = parseInt（this.emsg.offsetwidth，10）；

无功docwidth = document.body.clientwidth；

无功docheight = document.body.clientheight；

this.docheight = docheight；

this.emsg.style.top = parseInt（document.body.scrolltop，docheight + 10 + 10）；

this.emsg.style.left = parseInt（document.body.scrollleft，10）+ docwidth - divwidth；

this.emsg.style.visibility =可见；

无功_this =这；

this.objtimer = window.setinterval（函数（）{ _this.movediv（_this）；}，10）；

}

}

无功msgtip =新messagetip（{姓名：'emeng}）；

在window.onload =函数（）{ msgtip.show（）；}；

window.onresize =函数（）{ msgtip.reposition（msgtip）}；}；

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