jStickyNote: A jQuery Plugin for Creating Sticky Notes

jStickyNote is a jQuery plugin that allows to create sticky notes on your web site. It is configurable and this is how you use it: $(element).stickynote(); You can as well define the following properties: size: Size of the sticky note – large or small text: If you define the text property then the sticky note […]
By in Playground on
jStickyNote

From our sponsor: Try Mailchimp today.

jStickyNote is a jQuery plugin that allows to create sticky notes on your web site. It is configurable and this is how you use it:

$(element).stickynote();

You can as well define the following properties:

  • size: Size of the sticky note – large or small
  • text: If you define the text property then the sticky note will be created immediately with this text
  • containment: The id of the element where the sticky note can be dragged
  • event: Event that should trigger the creation of a sticky note – dblclick or click
  • color: Color of the sticky note text
  • ontop: The sticky note that you drag will always stay on top of the others

See a demo here: jStickyNote DEMO

Download the plugin here: jStickyNote ZIP

Tagged with:

cody

Cody loves jQuery - he puts the magic into every web application. He is crazy about Curry dishes.

http://tympanus.net/codrops/author/cody/

Amelia_featured

How to Build a Time-Saving Appointment and Event Booking Website

StackAnimation

Menu and Thumbnail Stack Animation

Superfluid_feat

Layout with Reveal Animations and Content Preview

Stay up to date with the latest web design and development news and relevant updates from Codrops.

Feedback 25

Comments are closed.

  1. could someone please tell me how i can have a sticky note that is shown on page load?

    thanks in advance 🙂

  2. ok . i have sorted it out . i now have notes loading on page load and positions set as properties. thanks for a great plugin.