摘要：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>chageDivstyle</title><style>*{margin:0px;padding:0px;}.box{width:366px;height:400px;margin:2
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>chageDivstyle</title>
<style>
*{margin:0px;padding:0px;}
.box{width:366px;height:400px;margin:220px 120px;float:left;border:0px;}
/*.main{width:100%;height:1080px;margin:0px auto;background:url(images/主菜單背景.png);}*/
.main{width:100%;height:1080px;margin:0px auto;background-color:#000915;}
</style>
</head>
<body>
<div>
<div id="study"><input type="image" id="ima1" src="images/學習模式（正常）.png" onclick=" myfovus1(this)" onmouseover="myfovus2(this)" onmouseout="myfovus7(this)"></div>
<div id="train"><input type="image" id="ima2" src="images/訓練模式（正常）.png" onclick=" myfovus3(this)" onmouseover="myfovus4(this)" onmouseout="myfovus8(this)"></div>
<div id="examine"><input type="image" id="ima3" src="images/考核模式（正常）.png" onclick=" myfovus5(this)" onmouseover="myfovus6(this)" onmouseout="myfovus9(this)"></div>
</div>
<script type="text/javascript">
function myfovus1(x){
document.getElementById("ima1").src="images/學習模式（劃過）.png";
}
function myfovus2(y){
document.getElementById("ima1").src="images/學習模式（點擊）.png";
}
function myfovus3(m){
document.getElementById("ima2").src="images/訓練模式（劃過）.png";
}
function myfovus4(n){
document.getElementById("ima2").src="images/訓練模式（點擊）.png";
}
function myfovus5(a){
document.getElementById("ima3").src="images/考核模式（劃過）.png";
}
function myfovus6(b){
document.getElementById("ima3").src="images/考核模式（點擊）.png";
}
function myfovus7(c){
document.getElementById("ima1").src="images/學習模式（正常）.png";
}
function myfovus8(d){
document.getElementById("ima2").src="images/訓練模式（正常）.png";
}
function myfovus9(e){
document.getElementById("ima3").src="images/考核模式（正常）.png";
}
</script>
</body>
</html>
效果圖如下：[object Object]
批改老師：查無此人批改時間：2019-07-27 11:21:31
老師總結(jié)：完成的不錯。js是終生學習語言，功能非常強大。繼續(xù)加油