Exemple simple pour faire clignoter un élement html (ici une image) grâce à JQuery.
J’utilise les fonctions natives JQuery fadeIn() et fadeOut() qui permettre de faire un fondu d’apparition et de disparition d’un élément, entrecoupées par un intervalle de temps grâce à la fonction delay (temps en ms).
Et je répète l’opération grâce à la fonction Javascript setInterval (mafonction, intervalle de répétition en ms)
Code HTML :
<img id="image-neon" src="adresse-de-mon-image"/>
Code JQuery :
$(document).ready(function(){
function FaireClignoterImage (){ $("#image-neon").fadeOut(200).delay(300).fadeIn(200); } setInterval(FaireClignoterImage,700); });
Il existe d’autres techniques, notamment un effet de clignotement en pur CSS
Laisser un commentaire
Participez-vous à la discussion?N'hésitez pas à contribuer!