Get new jQuery plugins just once a week

×

marginotes

FavoriteLoadingAdd to favorites

April 5, 2016

marginotes | Quick, cool margin notes with jQuery

marginotes is a jQuery plugin to create quick, cool margin notes which on hover reveal themselves

Created by Francisco Dans

Download

Example

marginotes jQuery plugin

marginotes

Marginotes takes your jQuery selection and adds notes to the margin with the text provided in HTML attributes. If you don't want to use jQuery, there's also a version of marginotes without it.

Who's using it

Usage

Marginotes works by adding a desc attribute to an HTML element, which will be displayed as a tooltip:

<a href="https://www.gatesnotes.com/" desc="Original, right?">Bill Gates</a>

marginotes

$("selector").marginotes(options)

It works with links, as well as with <span> elements:

<span desc = "The rainiest place in Europe. Probably. Maybe.">Brión</span>

marginotes

Options

width: sets the tooltip's width. Default is 100px.

field: sets the html attribute to look for. Default is desc

License

Copyright (c) 2016 Francisco Dans

Licensed under the MIT license, see LICENSE.md for more information.

marginotes

Related posts:

jQuiz
Snippet js
jQuery-Age
marginotes jQuery plugin

http://jquer.in/wp-content/uploads/2016/04/marginotes.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever