Display a firebug-style box-model overlay on selected elements
JavaScript
Switch branches/tags
Nothing to show
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
README.markdown
example.html
jquery.overlay.js
overlay.css

README.markdown

jquery.overlay.js

Display a firebug-style box-model overlay on selected elements. Currently shows overlay on hover. Useful for CSS demonstrations / tutorials.

Usage

To enable an element to display its overlay on hover:

$('div').overlay();

To add a ‘static’ overlay:

$('div').add_overlay();

To display specific box-model properties:

$('div').add_overlay({ margin: true, content: true });