对话框/Tips
jQuery强大对话框消息框Lightbox插件
PetitQ
jAlert 是一款功能强大的可以制作模态对话框、消息框、Lightbox 的 jQuery 插件。这是第 3 个版本，在这个版本中集成了 animate.css，大大提升了弹出对话框的动画效果。它的特点有：
响应式设计
也想出现在这里？联系我们吧
替换了默认的警告框，提示框，确认框
6 种预定义尺寸和主题样式
支持 AJAX，图片,iframe 和视频
简要教程:
使用 jAlert 插件要引入 jQuery 和 jAlert-v3.css，以及 jAlert-v3.min.js 和 jAlert-functions.min.js 文件。
<link rel="stylesheet" href="jAlert-master/src/jAlert-v3.css">
<script src="js/jquery.min.js"></script>
<script src="jAlert-master/src/jAlert-v3.min.js"></script>
<script src="jAlert-master/src/jAlert-functions.min.js"></script> <!-- COMPLETELY OPTIONAL -->
使用方法:
下面的使用方法需要引入 jAlert-functions.js 文件。
// default alert popupalert('Hello World!');
// successsuccessAlert('Success', 'Hello World!');
// errorerrorAlert('Error', 'Hello World!');
// infoinfoAlert('Info', 'Hello World!');
// warningwarningAlert('Warning', 'Hello World!');
// black warningblackAlert('Warning', 'Hello World!');
// image lightboximageAlert('1.jpg');
// video lightboxvideoAlert('http://youtube.com/...');
// ajax lightboxajaxAlert('external.html');
// iframe lightboxiframeAlert('http://www.htmleaf.com');
confirm(function(){
console.log('confirmed!');
}, function(){
console.log('denied');
});
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
