Es bueno encontrar librerÃas de JavaScript que realizan tareas sumamente especÃficas. Este es el caso de Fokus, una utilidad que, cuando algo es seleccionado en la página, oscurece todos los demas elementos del sitio. Es ver para creer, y es más sencillo de implementar de lo que crees.
En lo referente al HTML: no es necesario colocar nada especial, sólo el código JavaScript al final de todo.
-
<script src="fokus/js/fokus.min.js"></script>
Canvas es usado para crear la capa oscura, y la propiedad CSS pointer-events se utiliza para asegurar la consistencia. Con un peso de tan sólo 3kbs, es una impresionante librerÃa. ¡Esperamos que te sea de utilidad!
Fuente original del artÃculo:Â David Walsh Blog
Traducción realizada por elWebmaster.com








Jueves, 11 de Octubre de 2012 a las 04.36
q intereant se ve esto seguro sera d utilidad graxias
Sábado, 3 de Noviembre de 2012 a las 03.00
Lo he probado en mi sitio Web y quedo mostro ... gracias por el aporte
Lunes, 5 de Noviembre de 2012 a las 14.46
Lo implementaremos. Gracias por la info.
Saludos desde Chile
Viernes, 11 de Enero de 2013 a las 17.44
Muy bueno el aporte. lo he probado y anda perfecto el tema que no sabia de donde sacar esa librerÃa pero ya la conseguà jiji.
Gracias