Outils pour utilisateurs

Outils du site


cours_2008:bases_de_la_programmation_orientee_objets_et_evenementielle:tp:effets_html_css_javascript

Effets HTML/CSS/JavaScript

Simple effet

voir TD : Effets HTML/CSS/JavaScript

  • Faire une simple image et la faire disparaitre au survol :
window.addEvent('domready', function(){
  var image = $('image');
  image.addEvent('mouseenter',function() {
    image.fade('out');
  });
});
  • Ajouter l'événement mouseleave pour la faire réapparaitre.
  • Donner au départ une opacité de 0,5.
  • Faire varier l'opacité de l'image de 0.5 à 1.

Objet effet

Utilisez Fx.Tween pour changer sa hauteur (propriété CSS height).

Application du TD

Reprendre le code du TD en l'appliquant à un bouton fait par vous.

cours_2008/bases_de_la_programmation_orientee_objets_et_evenementielle/tp/effets_html_css_javascript.txt · Dernière modification: 2009/05/11 22:00 (modification externe)