Fading process... Back

********************************
Free JavaScript provided by Š2007-VB'Breizh
**Updated (05/25/2007) Compatibility : Internet Explorer

...progressive fading process...

...Slowly increase each RGB value from 0 up to 255...

Voila un exemple de div
qui exploite le fading
au passage de la souris

Source-code :

<html><head>
<script language="JavaScript"><!--
var hex1=255; //------(init)
function fading_txt(){ 
   if (hex1>0) { 
   hex1-=1; // increase
   document.getElementById("txt1").style.color="rgb("+hex1+","+hex1+","+hex1+")";
   process1= setTimeout("fading_txt()",50); 
   }
   else {hex1=255;} 
}
var hex2=255; //------(init)
function fading_div(){ 
   if(hex2>0) { 
   hex2-=5; // increase
   document.getElementById("txt2").style.color="rgb("+hex2+","+hex2+","+hex2+")";
   process2= setTimeout("fading_div()",100); 
   }
   else {hex2=255;} 
}
</script></head>
<body><font size=2>Free JavaScript provided by Š2007-VB'Breizh<hr>
<button onClick="fading_txt()">Fading Text</button>
  
<button onClick="fading_div()">Fading Div</button>
<p><img src="../gif/pix.gif" width=1px height=50px></img>
<font size=4>
<div id="txt2" style="width:256px;height:100px;background-color:tan" onmouseover="fading_div()"><p>Voila un exemple de div<br>qui exploite le fading<br>au passage de la souris</div> 
</font>
</body></html>

Comment, question ?