要完成此效果把如下代碼加入到<body>區域中
<SCRIPT LANGUAGE="JavaScript">
<!-- 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]+'000";', i * 40);
}
}
function mOut() {
document.myForm.button.value = "JavaScript Fairyland";
for (i = 0; i < 12; i++) {
setTimeout('document.myForm.button.style.background = "#'+hexColor[i]+'f'+hexColor[i]+'000";', i
* 40);
}
}
// End -->
</script>
<form name=myForm>
<div align="center">
<input type=button name=button value="come on！" onMouseOver='mOver()''
onMouseDown='document.myForm.button.value=" 呵呵 "'
onClick='window.location="http://www.3lian.com"' onMouseOut='mOut()'>
</div>
</form>