📄 5-4.htm
字号:
<html>
<head>
<title>§5.4 会变色的按钮</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin Code
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 = " 我会变色啊 ";
for (i = 0; i < 12; i++) {
setTimeout('document.myForm.button.style.background = "#'+hexColor[i]+'0'+hexColor[i]+'0c0";', i * 40);
}
}
// End Code -->
</script>
</head>
<body bgcolor="#FFFFFF">
<form name=myForm>
<input type=button name=button value=" 我会变色啊 " onMouseOver='mOver()'' onMouseDown='document.myForm.button.value=" 谢 谢 "' onClick='window.location="http://www.coolbi.com"' onMouseOut='mOut()'>
</form>
<p><center>
</center><p>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -