MSN弹出式消息提示是一直想实现的效果,但苦于不知道如何计算DIV标签在页面上具体位移和搞不清DIV标签层定位原理,导致一直都没有实现MSN弹出式消息提示效果。
       MSN弹出式消息提示效果图(A-01):
       MSN弹出式消息提示窗口的JS实现
       前些日子,通过赵玉开发表一篇关于“Js + Css的msn式的popup提示窗口的实现” 文章(原文地址:赵玉开博客)后,给了我实现上的启发,并他实现的基础上拓展新功能:增加最大化窗口和最小化窗口切换。在效果图上可以看到是用“-”号(最小化窗口)表示。 
       闲话不多说了,实现脚本如下:
      
MSN弹出式消息提示窗口的JS实现<script language="javascript">
MSN弹出式消息提示窗口的JS实现
var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,i = 0;
MSN弹出式消息提示窗口的JS实现
var popupMessage = new Object();
MSN弹出式消息提示窗口的JS实现popupMessage.id 
= 'popupMessage';
script>

        以上的JS代码,只需要嵌入到HTML文件上,就可以大功告成了。显示效果如A-01图所示。
       引用到学习资源:
         1: 层定位原理
         2: 利用JS来开发属于自己的js对象(createElement对象) 

     有兴趣的朋友,看看能否再改进下该功能,让其支持消息窗口拖动。谢谢大家欢迎访问SEEKER博客。
 

相关文章: