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博客。
 

相关文章:

  • 2021-07-24
  • 2022-12-23
  • 2021-11-08
  • 2022-12-23
  • 2022-02-22
  • 2021-07-20
  • 2022-12-23
猜你喜欢
  • 2021-05-25
  • 2021-10-15
  • 2022-01-20
  • 2021-12-07
  • 2022-12-23
相关资源
相似解决方案