大家好，我叫ZLDialog，是一款基于JQuery的轻量级弹框插件！别看我体积小，功能可是很丰富的哦！\(^o^)/~
嘛，不过相信大家也都看出来了，我长得有点过于草率，至于为什么这么草率....当然要怪让我诞生的那坑货@LangZhai(智能小菜菜)！！！
咳咳，说点正经的，从内部（JS代码）来说，我是兼容IE7+的，不过由于皮肤使用了CSS3的样式，这个都懂的，因此还是不建议各位看官老爷们坚守IE10以下浏览器，为了让我正常一些，还是使用更现代的浏览器吧！
啊对了，顺便提一嘴，欢迎大家为我设计新的皮肤哦O(∩_∩)O~~
首先将ZLDialog的CSS及JS分别引入到你的页面中：
<!DOCTYPE HTML>
<html>
<head>
<title>ZLDialog-ReadMe</title>
<link href="zldialog.default.min.css">
</head>
<body>
<!--为了使页面加载更快，最好将JS放置在<body>的末尾-->
<script src="jquery.min.js"></script>
<script src="jquery.zldialog.min.js"></script>
</body>
</html>接下来就可以愉快地玩(LAI)耍(YI)啦(FA)！
$.dialog.alert({
content: "弹弹弹，弹走鱼尾纹~~"
});很简单对吧？这只是一个很简单的例子。现在来看一个稍微复杂一点的！
$.dialog({
content: "就只是简单测试一下好了！",
hideX: true,
drag: false,
lock: false,
closeBack: function () {
$.dialog.message({
content: "万万没想到，啦啦啦啦啦~~~"
});
},
buttons: [
{
text: "好的呀！"
}
]
});当然还有确认对话框！
var closeDialog = $.dialog.confirm(null, function () {
$.dialog.message({
content: "啦啦啦啦啦~~~"
});
closeDialog();
});也是确认对话框！
var closeDialog = $.dialog.confirm({
content: "同意？"
}, function () {
$.dialog.message({
content: "啦啦啦啦啦~~~"
});
closeDialog();
}, function () {
$.dialog.message({
content: "我不管，反正你必须同意！"
});
});依然是确认对话框！
$.dialog.confirm({
content: "啊哈！？",
closeBack: function () {
$.dialog.message({
content: "无论如何我都会出现哟！"
});
}
});所以你看，我是不是很好调教呢？接下来换点别的吧，比如让我加载一个外部链接试试！
$.dialog.open({
title: "博客园",
inFrame: true,
size: {
width: 1024,
height: 768
},
url: "https://www.cnblogs.com/"
});不仅如此，我还可以直接加载元素内容哦！
//对话框初始化后会返回一个函数用来关闭对话框
var closeDialog = $("#testDIV").dialog({
title: "百度搜索",
hideX: true,
lock: false,
size: {
width: 220
},
buttons: [
{
text: "百度一下",
callback: function () {
$(this).parent().prev().find("form").submit();
closeDialog();
}
},
{
text: "取消"
}
]
});最后来介绍一下我的特殊技能——预览面板吧！
$("#previewButton1").preview({
content: "resource/preview.jpg",
type: "img",
direction: "top"
});
$("#previewButton2").preview({
content: "这是一首简单的小情歌 唱着我们心头的曲折"
});依然不清楚怎么使用？好吧......下面是参数列表，自己看咯！~\(≧▽≦)/~啦啦啦
是的，我已经正式支持国际化啦~~~小伙伴们快来感受下吧！
要使用国际化，需要先将国际化模块引入到你的页面中：
<script src="jquery.zldialog.l18n.min.js"></script>然后就可以用两种姿势放肆地调戏我啦！
姿势一：
$.dialog.setL18n('en');姿势二：
$.dialog.setL18n({
title: 'Dialog',
alert: 'Alert',
confirm: 'Confirm',
ok: 'OK',
yes: 'Yes',
no: 'No',
confirmText: 'Are you sure that you want to perform this action?',
close: 'Close'
});已经把持不住了？那就试试你到底行不行吧！
其实，根本没有想到我会降生于这个世界......
据说是为了满足某人的项目开发以及学习研究需要才诞生的。【所以不得不吐槽一下这皮肤真的让人家很不舒服呢！(╯﹏╰）】
咳咳，终于该我登场了，妖怪速速退散！！！【散你妹，傻X】【左边泥垢！！！】
好了好了我们正常点。其实本人是2010级CAVTC毕业生CAP毕业生一枚，目前干着苦逼的开发工作，主要做前端开发。籍贯四川成都，92年产，身高不超过170cm，体重大概在55kg60kg65kg，巨蟹座，好像是B型血，姑且算犬系，未婚，直男，但并不是直男癌【讲这么多废话是要闹甚！！！不会有妹子看上你的魂淡！！！】，已婚。因为看到某篇文章说“不定义JQuery插件，不要说会JQuery”，再加上确实也是项目需要因此就诞生了这货嗯。嘛，其实我也知道这皮肤真心丑爆，但是确实是没什么时间，并且我们看人不应该只看外表，看待一款插件也应该是这样嗯【分明是在找借口啊喂！】。于是觉得这货还算好用的老爷们，不妨为这货设计几款看得过去的皮肤，在这里替这货谢谢各位了！！！
啊，对了，通常来讲这里应该留下联系方式对吧，于是我也勇敢地来一发！！！