Flexible Positioning
Display it anywhere
Fire the notification once the user scrolls to a certain
point on the page.
Control which corner of the window into which the notification
appears.
Limited Notifications
Don't nag your users
Specify how many times the notification should appear
before it no longer displays.
Callback Support
Events Before and After Display
Take action before and after the notification appears
in the user's window.
Perfect for manipulating data based on the response to
the notification.
And more...
Lots of Options
Support for ajax, multiple notification, CSS hooks and more.
View a demo
complete with examples and check it out on GitHub.
Getting Started
Quickly view all of the options of Slide Note
$('#container').click(function() {
$(this).slideNote({
where: 640,
corner: 'left',
url: 'ajax.html',
container: 'note',
closeImage: '/images/close.png',
displayCount: 3,
onSlideIn: function() {
alert('Displayed!');
},
onSlideOut: function() {
alert('Hidden!');
}
});
});
For more in-depth examples including source code, check out the demo page.
Other Information
Support, Tests, etc.
Slide Note is compatible with Chrome, Firefox, Safari, Opera, and IE9. Although the
plugin works in IE8 but is not officially supported.
You can view the running QUnit tests at any time by going to the test page.
I also maintain Simple Overlay. A jQuery Plugin For Lightweight, Flexible Overlays.
Share
Found it useful? Share it!
