Salta, salta, salta con Scriptaculous

Bounce es un efecto para Prototype + Scriptaculous creado por Andrew Tetlaw y que es útil para ... bueno, no sé si es útil pero es divertido risaanim

Simplemente agregamos el script y luego, en cualquier parte, escribimos el código HTML con este formato:
<div id="nombre" style="" onclick="boing(this)"> ... el contenido ... </div>
<script type="text/javascript"> function boing(elm) { new Effect.Bounce(elm, {height:valor}); } </script>
donde:

el ID debe ser siempre un nombre único
el atributo STYLE puede contener cualquier propiedad o ninguna
el evento onclick es siempre el mismo y hace referencia al ID
el contenido del DIV puede ser cualquier cosa, textos o imágenes
la etiqueta SCRIPT posterior ejecuta la función y allí podemos colocar la altura del "salto", estableciendo el valor correspondiente

click
click

0 comentarios:

Publicar un comentario