An awesome and lightweight library for performing spotlight in your DOM elements, setting an animated overlay to the rest of the page. You can find a live demo here.
$('#my-element').setFocus(options);
Focusable.setFocus($('#my-element'), options);
Focusable.refresh();
Focusable.hide();
Focusable.getActiveElement();
Focusable.getOptions();
Property | Value | Default | Description |
---|---|---|---|
fadeDuration | Number | 700 | Duration of the overlay transition (milliseconds). |
hideOnClick | Boolean | false | Hides the overlay when the user click into it. |
hideOnESC | Boolean | false | Hides the overlay when the user press Esc. |
findOnResize | Boolean | false | Refind the element in the DOM in case that the element don't still exists. |
npm install
grunt
- See the result of testsuite in http://localhost:9092
- jQuery
- Check open issues
- Fork it
- Create your feature branch (
git checkout -b my-new-feature
) - Commit your changes (
git commit -am 'Add some feature'
) - Push to the branch (
git push origin my-new-feature
) - Create a new Pull Request
You can follow me on Twitter - https://twitter.com/zzarcon