Dakoo » highlitght http://www.dakoo.cl ¿Te gusta la web? Mon, 07 Jun 2010 13:40:17 +0000 en hourly 1 http://wordpress.org/?v=3.0 Mootools Highlight, bueno, bonito y barato http://www.dakoo.cl/mootools-highlight-bueno-bonito-y-barato/ http://www.dakoo.cl/mootools-highlight-bueno-bonito-y-barato/#comments Thu, 25 Jun 2009 03:11:14 +0000 admin http://dakoo.cl/?p=10 Una funcionalidad de mootools bastante bonita es el Hightlight. Su objetivo es producir un parpadeo en un objeto de la pagina, entiendase por parpadeo como un cambio de color por un tiempo corto. El color por defecto que trae es un amarillo claro, pero trae la opcion que se puedan setear los 2 colores entre los cuales se producirá el cambio.
En este ejemplo pueden ver 3 casos, uno donde se muestra el valor por defecto, otro donde se cambia entre dos colores dados por el usuario y el último un efecto que se genera con muy poco código y un poco de imaginacion
Para ver los ejemplos en funcionamiento entra aca
El código del primer ejemplo es este

   $('primero').addEvent('click', function(){
      $('primero').highlight();
  });

El del segundo

$('segundo').addEvent('click', function(){
$('segundo').highlight('#f00','#000');
});

Mientras que el último es

$$('.item').each(function(item, index){
item.addEvent('mouseover', function(){
item.highlight('#f00','#000');
});
});

Como ven el código que se escribe es mínimo para un efecto bastante llamativo

Si quieren ver el codigo completo descarguenlo de aquí

Saludos tuto

]]> http://www.dakoo.cl/mootools-highlight-bueno-bonito-y-barato/feed/ 0