欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架_jquery

程序员文章站 2022-04-27 09:55:48
...
好久以来就想实现一个模态的框框,找了很多的jquery插件,都没有碰到自己满意的,这次碰到了一个,但是由于还处于开发阶段吧,连个文档API都没有,自己摸索了好长一段时间才搞定。

先来看看代码,本人看着源代码定制了自己想要的效果:

复制代码 代码如下:

pageEncoding="utf-8"%>




JQueryMagicDialog 的基本使用










').mac('dialog',{
title: '提示',
model: true,
autoOpen: true,
width: 200,
draggable: true,
el: '

你点击了我!

'
});
break;
case 'extended':
mac.opendlg({
title: '提示',
message: '按下 {0} 可关闭窗口.',
params: ['ESC/Enter'],
buttons: [{
text: '确认',
click: function(d){
d.close();
}
}]
});
break;
case 'wait':
var h = mac.wait('3秒后此窗口自动关闭');
window.setTimeout(function(){
h.close();
}, 3000);
break;
case 'alert':
mac.alert('Hello!');
break;
case 'confirm':
mac.confirm('

你确认吗?

', function(){
alert('You clickedyes!');
}, null);
break;
case 'customize':
mac.confirm('

你确认吗?

', null, null, [{
text: '关闭',
click: function(d){
d.close();
}
},{
text: '确认',
click: function(d){
d.close();
}
}]);
break;
}
});
});