设为首页 | 加入收藏
当前位置:首页>>网页特效>>网页按钮特效>> 鼠标放到按钮上后,按钮变色又变字

鼠标放到按钮上后,按钮变色又变字

时间:2006-3-18 10:56:11 来源:本站收集整理 作者:佚名

<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]+'0c0";', i * 40);
   }
}
function mOut() {
document.myForm.button.value = "去3lian素材";
for (i = 0; i < 12; i++) {
setTimeout('document.myForm.button.style.background = "#'+hexColor[i]+'0'+hexColor[i]+'0c0";', i * 40);
   }
}
//  End -->
</script>
<form name=myForm>
<input type=button name=button value="鼠标放过来吧!" onMouseOver='mOver()'' onMouseDown='document.myForm.button.value="   谢谢   "' onClick='window.location="www.3lian.com"' onMouseOut='mOut()'>
</form>

 

插入到<body></body>间的代码: