Buttons Effects >>> Fading Button.


		<script 
		language="javascript"
		type="text/javascript">

		/* Visit http://www.yaldex.com/ 
		for full source code

		and get more free JavaScript, CSS and DHTML scripts! */

		<!-- Begin

		hexColor 
		=
		["0","1","2","3","4","5","6","7","8","9","a","b","c","d","e","f"];

		function 
		mOver()
		{

		for
		(i
		=
		0; 
		i <
		13; 
		i++)
		{

		setTimeout('document.myForm.button.style.background 
		= "#'+hexColor[12-i]+'0'+hexColor[12-i]+'0c0";', 
		i *
		40);

		   
		}

		  
		document.myForm.button.style.color='yellow';
		

		}

		function 
		mOut()
		{

		document.myForm.button.value
		=
		"Get the best JavaScript Editor!";

		for
		(i
		=
		0; 
		i <
		12; 
		i++)
		{

		setTimeout('document.myForm.button.style.background 
		= "#'+hexColor[i]+'0'+hexColor[i]+'0c0";', 
		i *
		40);

		   
		}

		   
		document.myForm.button.style.color='black';

		}

		//  End -->

		</script>

		<center>

		<form
		name=myForm>

		<input 
		type=button
		name=button
		value="Get 
		the best JavaScript Editor!" 
		onMouseOver='mOver()''
		onMouseDown='document.myForm.button.value="             
		Thank You !             "' 
		onClick='window.location="../JSFactory_Pro.htm"'
		onMouseOut='mOut()'>

		</form>

		</center>