jQuery Iluminate
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, entre otros parámetros.
Para utilizar el plugin deberás descargarte el plugin y añadirlo en tu <head> junto con la librería 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 src="jquery.illuminate.0.7.min.js" type="text/javascript"></script>
Añadir el elemento que quieres iluminar en la parte que desees de tu <body>:
<div id="button">Click Me</div>
Y ya solo falta añadir antes de la etiqueta de cierre </body> la llamada al plugin:
<script type="text/javascript"> $(document).ready(function() { $('#button').illuminate({ 'intensity': '0.3', 'color': '#98cb00', 'blink': 'true', 'blinkSpeed': '1200', 'outerGlow': 'true', 'outerGlowSize': '30px', 'outerGlowColor': '#98cb00' }); }); </script>
Desafortunadamente no funciona en Mozilla Firefox.
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
una consulta por favor, como haria para controlar el illuminate, osea, controlar cuando deje de brillar y luego continue con un click o algo asi