js实现仿即时通信软件消息的弹出窗效果

在我们的日常开发中，或者生活中，经常需要用到弹出窗。这里我们就用射流研究…模拟一下即时通信软件消息一样的弹出窗，分享给大家供大家参考，具体内容如下运行效果截图：

直接贴代码：

超文本标记语言头元http-equiv='内容-类型' Content=' text/html；charset=gbk'/titlejavaScript实现网页右下角弹出窗口代码/标题/标题正文脚本类型=' text/JavaScript ' var ShowMsg={ title : '提示，content: '模拟即时通信软件弹出框消息提醒，宽度：'300px '，高度：'100px '，设置：函数(值){ this。title=值；}，setcontent :函数(值){ this。内容=价值；}，gettitle : function(){返回这个。标题；}，getcontent : function(){ 0返回this.content}，show:function(){ //弹窗div var _ winPopDiv=文档。创建元素(' div ')；_ WinPopDiv。id=" _ WinPopDiv_ WinPopDiv。风格。CSS文本=' width :300 px位置：绝对；右：0底部：0;border:1px固体# 666;边距margin:0padding:1px飞越：隐藏；display : block '；//消息标题div var _ title div=文档。创建元素(' div ')；_ TitleDiV . id=' _ TitleDiV _ TitleDiV。innerhtml=this。gettitle()；_标题区。风格。CSS text=' width :100%；高度：22px线高：20 px背景# FFCC00font-weight :粗体；向左文本对齐：' font-size :14 px'；_ winpopdiv。append child(_ title div)；//关闭消息按钮span var _ closeSpan=文档。创建元素(“span”)；_ close span . id=' _ close span _ close span . innerhtml=' X _ close span。风格。cstext='位置：绝对；right :4 xtop :-1px；颜色： # FFF；光标：指针指针；'font-size :14 px；_标题区。append child(_ closeSpan)；//内容div var _ conDiv=文档。创建元素(' div ')；_ conDiv.id=' _ conDiv_ ConDiv。风格。CSS text=' width :100%；高度：110px线高：80 px字体粗细：加粗；font-size :12 px颜色： # FF0000文本修饰：下划线；'文本对齐：中心；_ condiv。innerhtml=this。getcontent()；_ winpopdiv。append child(_ ConDiv)；文件。尸体。append child(_ WinPopDiv)；//关闭跨度绑定事件var closeDiv=文档。getelementbyid(' _ closeSpan ')；if(closediv。addeventlistener){ closediv。addeventlistener(' click ')，函数(e){ if (window.event！=未定义){ window。事件。cancelubble=true} else if(e . stopperpagation){ e . stopperpagation()；}文档。getelementbyid(' _ WinPopDiv ')。风格。CSS文本=' display : none；}，false)；} else if(closediv。attachevent){ closediv。attachevent(' onclick '，函数(e){ if (window.event！=未定义){ window。事件。cancelubble=true} else if(e . stopperpagation){ e . stopperpagation()；}文档。getelementbyid(' _ WinPopDiv ')。风格。CSS文本=' display : none；});} } };showmsg。show()；/脚本/正文/html希望本文所述对大家学习爪哇岛描述语言程序设计有所帮助。