公共弹窗js写法:mcake弹窗封装Dialog.js

function Dialog(bg,els,opts) {
this.$els = $(els);
this.$Dialogbg = $(bg);
this.$close = this.$els.find(opts.close);
this.$btn = this.$els.find(opts.btn);
this._init();
}
Dialog.prototype={
_init:function () {
var self = this;
this.show();
this.$Dialogbg.click(function () {
self.hide();
});
this.$close.click(function () {
self.hide();
});
this.$btn.click(function () {
self.hide();
});
},
show:function () {
this.$Dialogbg.fadeIn(300);
this.$els.fadeIn(300);
},
hide:function () {
this.$Dialogbg.fadeOut(300);
this.$els.fadeOut(300);
}
}; /*实例化*/
new Dialog(".Dialogbg",'.DialogBox',{
close:'.closes',
btn:'.go-use'
});

最新文章

  1. Powerbuilder编写身份证校验码
  2. Mongodb在Windows上的配置
  3. 让IE下支持Html5的placeholder属性
  4. Using Controls in a Form Design [AX 2012]
  5. VS2010常用快捷键
  6. nagios安装配置
  7. 只 一行显示可左右滚动的文本(UITextField中文限制)
  8. maven学习系列教程,第一课(web项目的搭建)
  9. AspxGridView整理文档【转】
  10. css笔记——移动端
  11. SqlServer按照指定顺序对字段进行排序
  12. FAT16文件系统简介
  13. 上传代码到GitHub时,遇到错误:fatal,The Requested URL return error 403
  14. Mongodb密码安全设置
  15. # C语言程序设计预备作业
  16. 图解Java线程的生命周期,看完再也不怕面试官问了
  17. 打造vim IDE
  18. UnsupportedClassVersionError: org/apache/maven/plugin/compiler/CompilerMojo : Unsupported major.minor version 51.0
  19. tomcat查看并修改jvm大小
  20. jQuery WeUI V0.4.2 发布

热门文章

  1. 【HCIA Gauss】学习汇总-数据库管理(SQL语法 库表 索引操作)-5
  2. Linux操作系统的进程管理和作业管理
  3. 【统计难题】【HDU - 1251】【map打表或字典树】【字典树模板】
  4. C# List<T>排序总结
  5. 状压dp之位运算
  6. 《Coderxiaoban团队》第三次作业:团队项目的原型设计
  7. CSE301 – Bio-Computation
  8. StringTokenizer字符串分解器
  9. Keil MDK5生成 .bin文件的简单教程(图文)
  10. 让一个项目同时提交到码云和GitHub两个仓库