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: Elementor, a design oriented WordPress website builder for pros

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/

MenuToGrid_featured

Menu to Inner Page Animation with Image Grid Background

DiagonalThumbnailsSlideshow_featured

Diagonal Thumbnail Slideshow Animation

Triangles_Featured

Experimental Triangle Image Transitions with WebGL

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

CSS Reference

Learn about all important CSS properties from the basics with our extensive and easy-to-read CSS Reference.

It doesn't matter if you are a beginner or intermediate, start learning CSS now.

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.