Dégradé de couleur animé

Dégradé de couleur animé - HTML/CSS - Programmation

Marsh Posté le 22-11-2004 à 11:05:29    

Voila je voudrait lorsque l'on passe la souris sur une cellule que la couleur se "dégrade" jusqu'au blanc. voila mon script :

Code :
  1. <script>
  2. var degrade = new Array('#1a1a1a','#333333','#4c4c4c','#666666','#808080','#999999','#b2b2b2','#cccccc','#e6e6e6','#ffffff');
  4. function sombre(ligne){
  5.     for(var i=0;i<10;i++){
  6.       ligne.bgColor = degrade[i];
  7.       setTimeout('null',5000);
  8.     }
  9. }
  11. function remetCouleur(ligne)
  12.   {
  13.   ligne.bgColor = 'black';
  14.   }
  15. </script>
  17. <table>
  18. <tr onMouseOver="sombre(this);" onMouseOut="remetCouleur(this);" bgcolor='#1a1a1a'><td>GGGGGGGGGG</td></tr>
  19. </table>


 
Seulement le setTimeout ne fonctionne pas et du coup la cellule est tout de suite blanche. Je ne sais pas comment faire pour que le setTimeout fonctionne comme il faut.
Aidez moi, merci.

Reply

Marsh Posté le 22-11-2004 à 11:05:29   

Reply

Marsh Posté le 22-11-2004 à 11:36:17    

C'est la fonction "sombre" qu'il faut appeler via un setTimeout.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed