Simple effet highlight sur un element avec jQuery [javascript]

Auteur de la publication Par Aymeric
Date de publication 19 juillet 2011
Catégories Dans Niveau intermédiaire, Programmation, Web Design
2 commentaires sur Simple effet highlight sur un element avec jQuery [javascript]

[niveau: intermédiaire]

Si vous souhaitez créer un effet highlight sur un élément (en passant le background en jaune par exemple), voici comment il faut s’y prendre :

jQuery.prototype.highlight = function() { 
  jQuery(this).css("background-color","yellow").fadeTo('slow', 0.1, function() {
    jQuery(this).fadeTo('slow', 1.0, function() {
      jQuery(this).css("background-color","white");
    });
  });
};

jQuery('#mon-element').highlight();

Étiquettes javascript, jquery, Niveau intermédiaire, Programmation

2 avis sur “Simple effet highlight sur un element avec jQuery [javascript]”

rragen 18 novembre 2011 à 02:14

Salut,

Une suggestion : tu devrais enregistrer le background en vigueur *avant* de le changer, pour le rétablir ensuite. Car là tu mets tu remets du white en présumant que c’est ce qui se trouvait, mais ça peut être autre chose.

A plus

rragen
Aymeric Auteur de la publication18 novembre 2011 à 09:05

rragen> évidemment…. c’est juste un exemple basique qu’il faut adapter 🙂

Laisser un commentaire