CSS3 Animated Custom Alert Box Plugin For jQuery - WOW Alert

File Size: 4.71 KB
Views Total: 12379
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
CSS3 Animated Custom Alert Box Plugin For jQuery - WOW Alert

WOW Alert is a jQuery based alert() replacement used to create CSS3 animated, good-looking, modal-style dialog popup that can alert a user of anything you choose.

How to use it:

1. Include the jQuery WOW Alert plugin's stylesheet for basic dialog styles & entrance animations.

<link rel="stylesheet" href="css/wow-alert.css">

2. Include the latest jQuery library and the the jQuery WOW Alert plugin's JavaScript at the end of your document.

<script src="//code.jquery.com/jquery-2.1.3.js"></script>
<script src="js/wow-alert.js"></script>

3. Create a basic alert dialog using wow_default_alert() function.

<button onclick="wow_default_alert()">Check default alert</button>

<script>
function wow_default_alert () {
  alert("Hello World!");
}
</script>

4. Available options and callbacks.

alert("Alert Message Here",{

// text for confirm button
label: "OK",

// callback
success: function () {
  console.log("User clicked YES");
}

}

This awesome jQuery plugin is developed by al0p. For more Advanced Usages, please check the demo page or visit the official website.