js插件-右下角弹出信息提示框

最新推荐文章于 2018-11-29 11:32:00 发布

Lamando

最新推荐文章于 2018-11-29 11:32:00 发布

阅读量2.5k

点赞数 1

分类专栏： web前端

本文链接：https://blog.csdn.net/phantom521/article/details/44056753

版权

本文介绍了如何在JavaScript中创建一个右下角弹出信息提示框的方法，重点讨论了在实现过程中`this`的正确传递以及在`setTimeout`中处理函数执行上下文的问题，确保提示框功能在全局环境下正常工作。

摘要由CSDN通过智能技术生成

/*
 *右下角弹窗方法
 作者Eten 时间2015-03-03
 *需要加载jquery类库 使用方法 Pop.showPop(title,text,time);
  *title窗体标题(为0则使用默认标题) text窗体内容 time 自动关闭时间(为0则使用默认3000ms)
*/
$(function(){
  var popDiag={
  	 layer:{'width':200,'height':100},
  	 title:'提示消息',
  	 time:3000,//自动关闭时间
  	 anims:{'type':'slide','speed':500},
  	 timer:null,
  	 inits:function(title,text){
      if($("#pop").is("div")){ return; }
      $this=this;
      $(document.body).prepend('<div id="pop" style="display:none;border:#b9c9ef 1px solid;z-index:100;width:'+this.layer.width+'px;height:'+this.layer.height+'px;position:absolute;background:#cfdef4; bottom:0; right:0; overflow:hidden;"><div style="border:1px solid #fff;border-bottom:none;width:100%;height:25px;font-size:12px;overflow:hidden;color:#1f336b;"><span id="pop_close" style