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