Based on animate.css's cool jquerymessage notification box, animate.css jquery
Notificationis a cool jQuery Message notification box plug-in based on animate.css. The plug-in can display the Message notification box on the four corners of the screen. Combined with animate.css, you can create a variety of very cool CSS animation effects.
Download Online Preview source code
Usage
Use the jquerymessage notification box to import jquery, icationication.js, animate.css, andnotification.css
File.
<link rel='stylesheet' href='css/animate.min.css'><link rel="stylesheet" href="css/notification.css"><script src="js/jquery.min.js"></script><script src="js/notification.js"></script>
HTML Structure
The jQuery Message notification box plug-in requires an element to trigger it. This element can be any HTML element, such as buttons and hyperlinks.
<div class="notify btn" value="bounceIn">bounceIn</div>
Initialize the plug-in
After the page DOM element is loaded, you can initialize the jQuery Message notification box plug-in using the following method.
$ ('. Using y '). click (function (event) {Notification. create (// Message Notification box title "Notification title", // Message Notification box content "Long text. 2 lines = Perfect;) ", // image" img/user.jpg ", // effect (event.tar get ). text (), // locate position );});