SummArg | Cursos y recursos para webmasters

27/07/2011

Resaltá elementos de tu web con jQuery Illuminate

jQuery Illuminate es un plugin que nos permite aplicar un efecto glow y un cambio de colores a nuestros botones web. Se puede graduar la intensidad del efecto, el tamaño del glow y la velocidad de “parpadeo” de Illuminate.

Aplicarlo en un proyecto web es muy simple, solo debemos descargar el archivo .js desde la web del autor e insertarlo en la web junto con jQuery.

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
<script type="text/javascript" src="jquery.illuminate.0.7.min.js"></script>

En cualquier sección de nuestro proyecto web insertamos un botón:

<div id="button" style="background:#98cb00">Click Me</div>

Y antes de la etiqueta de cierre </body> indicamos la configuración del plugin:

<script type="text/javascript">
$(document).ready(function(){
$('#button').illuminate();
});
</script>

En el sitio oficial del plugin incluso tienen un video para enseñarnos a implementar su uso en cualquier web.

Descargar y Demo

Dejar un comentario