对话框/Tips
Zebra Dialog - 简单实用jQuery模态对话框插件
PetitQ
Zebra_Dialog 是一款简单实用的 jQuery 模态对话框插件。用它可以替代原生 JavaScript 的警告框和确认框，也可以用它来制作消息提示框。它兼容 IE6+浏览器，支持 Ajax 加载内容和 iFrame 框架等。Zebra_Dialog 的特点还有：
对话框外观漂亮，有 2 种可选的主题效果
也想出现在这里？联系我们吧
支持 5 种类型的对话框：confirmation, information, warning, error 和 question
对话框的内容可以通过 AJAX、iFrome 或内联元素来调用
通过样式表可以很容易修改对话框的外观
可以创建模态和非模态对话框
可以添加自定义按钮
消息框的显示位置可以任意定制
通过回调函数来处理用户的选择
兼容所有的现代浏览器：Firefox, Opera, Safari, Chrome, Internet Explorer 6+
使用方法：
或者下载压缩包，在页面中引入 jquery(需要 1.4.1+版本)，zebra_dialog.js 以及对于主题的 CSS 样式。
<link rel="stylesheet" href="path/to/themes/default/zebra_dialog.css" type="text/css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="path/to/zebra_dialog.js"></script>
初始化插件：
在页面 DOM 元素加载完毕之后，可以通过下面的方法来初始化 Zebra_Dialog 插件。
$(document).ready(function() {
// 当点击某个链接时显示对话框$(anchor).bind('click', function(e) {
e.preventDefault();
$.Zebra_Dialog('The link was clicked!');
});
});
Zebra_Dialog 插件的 github 地址为：https://github.com/stefangabos/Zebra_Dialog
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
