jQuery & CSS3 Based Javascript Popup Box Replacement - lz-alert
File Size: | 46 KB |
---|---|
Views Total: | 3936 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

lz-alert is a simple-to-use jQuery plugin used to create custom alert / confirm / prompt dialog popups with multiple CSS3 animations.
How to use it:
1. Link the lz.ui.css
and lz.js
to your document, after the jQuery inclusion.
<link rel="stylesheet" href="lz.ui.css"> <script src="//code.jquery.com/jquery-1.11.2.min.js"></script> <script src="lz.js"></script>
2. Display a default dialog popup with custom message on your webpage.
$.lz.Alert('Message here.');
3. Display a default dialog popup with custom message & title on your webpage.
$.lz.Alert('Message here.','Title here');
4. Display a dialog popup with custom settings on your webpage.
$.lz.Alert({ // messageBox: alert/confirm box // textInput: prompt box "type": "messageBox", // dialog title "title": "Dialog title", // dialog content "content": "Dialog content", // display mask "noMask": false, // "none" "slideDown" "slideUp" "fadeIn" "slideLeft" "slideRight" "effect": "none", // confirm function "sure": function() {}, // cancel callback "cancelCallback": function() {}, // close callback "closeCallback": function() {} });
This awesome jQuery plugin is developed by lizhiqianduan. For more Advanced Usages, please check the demo page or visit the official website.