jQuery & CSS3 Based Javascript Popup Box Replacement - lz-alert

jQuery & CSS3 Based Javascript Popup Box Replacement - lz-alert
File Size: 46 KB
Views Total:
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.