Slidenote- jQuery Plugin For Sliding Notifications
SlideNote is a customizable, flexible jQuery plugin that allow us to display sliding notifications on our website or in our web application. SlideNote is compatible with jQuery 1.4.3 and current versions of major browsers. IE8 is the only version of Internet Explorer that is officially supported.
To implement this plugin is pretty simple. We need to Include SlideNote in the header of our page, and then Apply the plugin to a single element or a set of elements.
SlideNote offers a set of five options that allow you to modify the behavior and/or content of the script.
- where specifies how far down the user must scroll before the notification slides into view.
- corner controls from which side of the screen the notification will slide in.
- URL tells SlideNote from where to pull the data to use as the content of the notification. If no container is specified, then the entire page will be used.
- container is to be used in conjunction with URL. When specified, it will only pull content from the element having the specified ID from the specified URL.
- closeImage displays the image at the specified URL. When clicked, it will slide the note out of view. The note will not display until the next time the user scrolls passed the where value.
The plugin also supports multiple instances per page. SlideNote is wrapped with a set of unit tests.
Requirements: jQuery Framework
Demo: http://www.slidenote.info
License: MIT License
1 Comment
Tom McFarlin
10.23.2010
Thanks for sharing this!
There are no trackbacks to display at this time.