focusable Übersetzung focusable Deutsch
focusable auf Deutsch übersetzen, Bedeutung für focusable, Was ist focusable. focusable Deutsch übersetzen #focusable

seen from Italy
seen from Singapore

seen from Malaysia
seen from United States

seen from United States
seen from China

seen from United States
seen from United States
seen from Canada
seen from United States
seen from United States
seen from United Arab Emirates
seen from Türkiye

seen from Canada
seen from China
seen from United States
seen from South Korea
seen from United States

seen from Colombia
seen from United States
focusable Übersetzung focusable Deutsch
focusable auf Deutsch übersetzen, Bedeutung für focusable, Was ist focusable. focusable Deutsch übersetzen #focusable

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
UltraFire XML-T6 18650 Battery LED Focusable Glare Flashlight-Black+Orange
[amzn_product_post]
View On WordPress
Ultrafire Xml-t6 18650 Battery LED Focusable Glare Flashlight-black+orange
[amzn_product_post]
View On WordPress
Coast Cutlery LL7436 V2 Focusable LED Lenser-Black Body
Coast Cutlery LL7436 V2 Focusable LED Lenser-Black Body
[amzn_product_post]
View On WordPress
New Post has been published on Html Use
New Post has been published on http://www.htmluse.com/focusable/
Focusable
Download Demo
Focusable is an awesome and lightweight library for performing spotlight in your DOM elements, setting an animated overlay to the rest of the page.
1. INCLUDE JS FILES
<script src="jquery-2.1.1.js"></script> <script src="https://rawgit.com/zzarcon/focusable/master/app/focus-element-overlay.js"></script>
2. HTML
<div class="example"> <header> <button class="show" data-selector="header">Focus header</button> <button class="show" data-selector="ul">Focus list</button> <button class="show" data-selector="li:first">Focus first item</button> <button class="show" data-selector="img">Focus image</button> </header> <ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li> <li>7</li> <li>8</li> <li>9</li> <li>10</li> </ul> <img src="http://3.bp.blogspot.com/-NfpKVt4VUkQ/TyMSCfM8NAI/AAAAAAAACbc/RKhuR28izWg/s640/breakfast-at-tiffanys-audrey-hepburn-1961.jpg"> </div> <div class="options"> <h2>Options:</h2> <ul> <li>- fadeDuration (seconds) <input type="text" id="fade-duration" value="700"></li> <li>- hideOnClick <input type="checkbox" id="hide-on-click" checked></li> <li>- hideOnEsc <input type="checkbox" id="hide-on-esc" checked></li> <li>- findOnResize <input type="checkbox" id="find-on-resize"></li> </ul> </div>
3. JAVASCRIPT
(function() $(document).ready(init); function init() $('.show').on('click', show); $('.hide').on('click', hide); function show() var selector = $(this).attr('data-selector'); var options = getOptions(); Focusable.setFocus($(selector), options); function hide() Focusable.hide(); function getOptions() return fadeDuration: parseInt($('#fade-duration').val()), hideOnClick: $('#hide-on-click').is(':checked'), hideOnESC: $('#hide-on-esc').is(':checked'), findOnResize: $('#find-on-resize').is(':checked') ; )();
4. API
Set spotlight (jQuery style)
$('#my-element').setFocus(options);
Set spotlight (through library)
Focusable.setFocus($('#my-element'), options);
Refresh current focused element
Focusable.refresh();
Hide spotlight
Focusable.hide();
5. OPTIONS
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.

Anya is live and ready to show you everything. Watch her strip, dance, and perform exclusive shows just for you. Interact in real-time and make your fantasies come true.
Free to watch • No registration required • HD streaming
Switch to LED lighting today and you could make your contribution to improving our environment whilst saving on ever increasing energy costs at the same time its a no brainer!