Fokus: Un script para resaltar lo resaltado

Fokus es un script interesante aunque el resultado final dependerá mucho de la página donde se quiera utilizar, tanto de su color de fondo como de la forma en que está estructurada. Lo que hace es resaltar cualquier cosa que uno haya seleccionado, cubriendo el resto de la página con una cierta opacidad.

Justamente, es esa opacidad lo que hace que el resultado sea variable porque está pensada para fondos claros y no posee opciones de configuración aunque, si se quiere, se podría modificar el script, buscando esta línea y colocando allí el color a utilizar en formato rgba():

v.fillStyle="rgba( 0, 0, 0, "+t+" )";

Por ejemplo, si quisierámos que fuera una opacidad en blanco, sería:

v.fillStyle="rgba( 255, 255, 255, "+t+" )";

El script no utiliza librería así que puede agregarse en cualquier sitio aunque, como usa la etiqueta canvas, no se verá en versiones inferiores de Internet Explorer. Lo podemos descargar desde github y basta agregarlo antes de </head>

Cras nec magna ante. Nam rutrum tristique porttitor. Ut quam felis, fringilla a ultrices sed, ornare ut purus. Morbi vitae felis magna, nec mollis augue. Aenean sagittis ornare nunc, a facilisis neque luctus at. Phasellus porta sapien non ligula gravida ac pharetra erat fringilla. Suspendisse elementum vehicula libero, vel hendrerit diam porta quis. Proin bibendum erat in orci commodo sit amet egestas eros elementum! Nullam pharetra lacus lorem. In nec hendrerit elit. Sed consectetur tincidunt dui; in aliquam sapien ullamcorper et.

Integer tristique dignissim mollis. Nam justo magna, egestas ac sodales quis, posuere commodo tellus.

REFERENCIAS:lab.hakim