Effect.Opacity cambia la transparencia del elemento. Su sintaxis es:
onclick="new Effect.Opacity('nombre_elemento',opciones);return false;"
por ejemplo:
new Effect.Opacity("demo", {duration:1.0, from:1.0, to:0.0});
onclick="new Effect.Opacity('nombre_elemento',opciones);return false;"
por ejemplo:
new Effect.Opacity("demo", {duration:1.0, from:1.0, to:0.0});
| CLICK | CLICK | CLICK | CLICK |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. | ![]() | ![]() | ![]() |
Effect.Scale cambia las dimensiones de un elemento. Su sintaxis es:
new Effect.Scale('nombre_elemento',opciones);
donde los parĂ¡metros posibles son:
scaleX: habilita el escalado horizontal (por defecto true)
scaleY: habilita el escalado vertical (por defecto true)
scaleContent: establece el escalado del contenido (por defecto true)
scaleFromCenter: establece si se efectua desde el centro de la pantalla (por defecto false)
scaleMode: puede ser box (valor por defecto) o contents
scaleFrom: establece el porcentaje inicial de la escala (por defecto 100.0)
por ejemplo:
onclick="new Effect.Scale("nombre_elemento", 150);return false;"
new Effect.Scale('nombre_elemento',opciones);
donde los parĂ¡metros posibles son:
scaleX: habilita el escalado horizontal (por defecto true)
scaleY: habilita el escalado vertical (por defecto true)
scaleContent: establece el escalado del contenido (por defecto true)
scaleFromCenter: establece si se efectua desde el centro de la pantalla (por defecto false)
scaleMode: puede ser box (valor por defecto) o contents
scaleFrom: establece el porcentaje inicial de la escala (por defecto 100.0)
por ejemplo:
onclick="new Effect.Scale("nombre_elemento", 150);return false;"
| CLICK | CLICK | CLICK | CLICK |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. | ![]() | ![]() | ![]() |
Effect.Highlight cambia el color de fondo de un elemento. Su sintaxis es:
new Effect.Highlight('nombre_elemento',opciones);
Los parĂ¡metros aceptados son:
startcolor: color inicial (por defecto #FFFF99)
endcolor: color final (por defecto #FFFFFF)
restorecolor: establece el color de fondo original cuando termina el efecto
por ejemplo:
onclick="new Effect.Highlight(
'nombre_elemento', {startcolor:'#FFF', endcolor:'#999'});return false;"
new Effect.Highlight('nombre_elemento',opciones);
Los parĂ¡metros aceptados son:
startcolor: color inicial (por defecto #FFFF99)
endcolor: color final (por defecto #FFFFFF)
restorecolor: establece el color de fondo original cuando termina el efecto
por ejemplo:
onclick="new Effect.Highlight(
'nombre_elemento', {startcolor:'#FFF', endcolor:'#999'});return false;"
| CLICK | OVER | OVER | CLICK |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt. | ![]() | ![]() | ![]() |


