iOS Style jQuery 3D Dropdown Notification Plugin - ios.notify.js

File Size: 36.4 KB
Views Total: 3132
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
iOS Style jQuery 3D Dropdown Notification Plugin - ios.notify.js

ios.notify.js is a responsive and mobile-friendly jQuery plugin for creating Apple iOS style drop down notifications with CSS3 3D transforms on your web page.

See also:

How to use it:

1. Load the latest jQuery javascript library and jQuery ios.notify.js script in the bottom of your web page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> 
<script src="js/ios.notify.js"></script> 

2. Include required ios.notify.js stylesheet on the web page

<link rel="stylesheet" href="css/notify.css">

3. Create a button to trigger the notification

<button id="default">Click me</button>

4. Call the plugin and you're done

ios.notify(); 

5. Options

ios.notify({
delay: 5000, // in milliseconds
sticky: false // true or false
className: "message",
title: "Notification",	
message: "Lorem ipsum dolor sit amet.", 
url: null, // String (url)
click: null //	Function
}); 

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