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.

slidenote1 Slidenote  jQuery Plugin For Sliding Notifications

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

Incoming search terms for the article:

Related Posts

How To Get The Last Tweet Using jQuery

TopUp Lightbox

Add An Attractive Loading Page Effect Using jQuery

jdPicker- The Ultimate jQuery Date Picker

1 Comment

  1. Tom McFarlin

    10.23.2010

    Thanks for sharing this!