jquery-dim-background
jQuery plugin to dim the current page except for some user-defined top elements.
Usage
Include the script in your website first. Add this script tag after your jQuery inclusion.
Usage is simple. You can dim your website, but keep some elements on top of the curtain:
To switch back to normal:
You can also provide a callback function that is called when the animation completes and you can overwrite default options:
(You may find the available options in the jquery.dim-background.js
file. Have a look at $.fn.dimBackground.defaults
)
Demo
Have a look at a basic example that shows what this plugin does.
License
This plugin is published under the MIT license. See license.
Have a lot of fun!