Clignoter

http://www.google.fr/search?num0&hl=fr&q=javascript+blinking+background&btnG=Rechercher&meta
--
Maz, Google est ton ami

Bonjour,

Je voudrais écrire un mot avec un fond clignotant rouge et bleu.
Comment puis-je faire.

à éviter absolument !


plusieurs méthodes :

1) faire un gif animé de l'image de fond (taille: 4 x 4px)
et écrire :

le <spam
style="background-image: url(mon_cligno.gif)">mot</spam>
que je veux avec cligno

2) touj avec le gif animé, et pouvoir le réutiliser

<style type="text/css">
.cligno {background-image: url(mon_cligno.gif)}
</style>
un <spam class="cligno">mot</spam> qui
<spam class="cligno">clignote</spam>

3) utiliser le javascript

<script type="text/javascript">
function cligno(obj) {
obj.style.backgroundColor = obj.style.backgroundColor=='red'?
obj.style.backgroundColor = 'blue' :
obj.style.backgroundColor = 'red';
}
function toutCligno() {
var A = document.getElementsByTagName('span');
for (var i=0;i<A.length;i++)
if(A[i].id.substring(0,2)=='C_') cligno(A[i]);
setTimeout('toutCligno()',800);
}
onload=toutCligno;
</script>
ce <span id="C_01">mot</span> clignote et celui-ci
<span id="C_02">aussi</span>
l'id du span doit commencer par 'C_'

les méthodes 1 et 2 ont du mal à fonctionner avec certains navigateurs
la méthode 3 bouffe de la ressource
Eviter le bleu et le rouge (on ne voit plus le texte correctement)

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************

http://www.google.fr/search?num0&hl=fr&q=javascript+blinking+background&btnG=Rechercher&meta
Ha! Ben ?

j'pense jamais à aller voir ce qu'ont fait les autres !
C'était bien ?

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
*******************************************************

Chtiote correction :

1) faire un gif animé de l'image de fond (taille: 4 x 4px)
et écrire :

le <span
style="background-image: url(mon_cligno.gif)">mot</span>
que je veux avec cligno

2) touj avec le gif animé, et pouvoir le réutiliser

<style type="text/css">
.cligno {background-image: url(mon_cligno.gif)}
</style>
un <span class="cligno">mot</span> qui
<span class="cligno">clignote</span>

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
*******************************************************