abstrait：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> &
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
div{width:200px;height:50px;background:#65bef9; margin: 0px auto;}
p{text-align: center;}
input{width: 70px; height: 30px; border:none; background: #ddd; color: #666;}
input:hover{background: #ccc; }
</style>
</head>
<body>
<div id="box"></div>
<p>
<input type="button" value="寬度" onclick="boxWidth()">
<input type="button" value="高度" onclick="boxHeight()">
<input type="button" value="顏色" onclick="boxBgcolor()">
<input type="button" value="重置" onclick="boxReset()">
<input type="button" value="隱藏" onclick="boxHide()">
<input type="button" value="顯示" onclick="boxShow()">
</p>
<p>想問下老師，js中如何平滑過渡效果改變呢？</p>
<script type="text/javascript">
var box;
window.onload=function (){
box = document.getElementById("box");
}
function boxWidth(){
box.style.width="500px";
}
function boxHeight(){
box.style.height="500px";
}
function boxBgcolor(){
box.style.background="#ffa200";
}
function boxReset(){
box.style.width="200px";
box.style.height="50px";
box.style.background="#65bef9";
}
function boxHide(){
box.style.display="none";
}
function boxShow(){
box.style.display="block";
}
</script>
</body>
</html>
Professeur correcteur：查無此人Temps de correction：2019-04-16 09:41:21
Résumé du professeur：什么叫平滑過渡效果？ 不太明白，可以提個工單，在作業(yè)里的問題，回答后，你無法追問。