A repository of over 1000 quality jQuery plugins

jQuery marginotes

marginotes is a jQuery Dialogs / Lightboxes plugin.

Created by fdansv

Quick, cool margin notes with jQuery

Not what you're looking for? Click here to view more Dialogs / Lightboxes jQuery plugins


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


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>



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

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



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

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


Copyright (c) 2016 Francisco Dans

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

You might also like these other Dialogs / Lightboxes jQuery Plugins

  • interceptjs

    jQuery Plugin to Handle ‘Call to Action’ Intercepts

  • MediumLightbox

    Nice and elegant way to add zooming functionality for images, inspired by medium.com

  • jquery_push_notification

    This library allows us to use html5 NotificationAPI in jquery.