SummArg | Cursos y recursos para webmasters

25/04/2011

Elementos que vibran en tu sitio con jRumble

jRumble es un plugin jQuery que permite añadir un efecto vibración a tus elementos web. Para lograrlo debemos vincular a nuestro documento el plugin y el framework.

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jrumble.1.0.js"></script>

El efecto puede aplicarse a cualquier elemento (botones, cajas con texto, etc), y para ello necesitamos indicar su ID. Antes del cierre de la etiqueta <body> colocamos:

<script type="text/javascript">
$(document).ready(function(){
	$('#el-div-que-vibra').jrumble();
});
</script>

En el sitio oficial del plugin tenemos una buena sección de ejemplos con diferentes configuraciones en donde podemos definir hacia donde se sacude el elemento, la velocidad, la distancia, en que evento, etc.

Un bonito script para llamar la atención sobre un elemento en tu sitio web.

Visitar jRumble

 

Dejar un comentario