abstrak：<!DOCTYPE html><html><head> <title>switch</title> <style type="text/css"> #box{width: 100px;height: 100px;background-color: red;margin: 20px 80px;} </s
<!DOCTYPE html>
<html>
<head>
<title>switch</title>
<style type="text/css">
#box{width: 100px;height: 100px;background-color: red;margin: 20px 80px;}
</style>
</head>
<body>
<div id="box"></div>
<script type="text/javascript">
var a=document.getElementById("box").style
function bg()
{
a.height ="200px"
}
function bk(){
a.width="200px"
}
function bs(){
a.background="blue"
}
function yc(){
a.display="none"
}
function xs(){
a.display="block"
}
function cz(){
a.display="block"
a.background="red"
a.width="100px"
a.height="100px"
}
</script>
<input type="button" value="變高" onclick="bg()">
<input type="button" value="變寬" name="" onclick="bk()">
<input type="button" value="變色" name="" onclick="bs()">
<input type="button" value="重置" name="" onclick="cz()">
<input type="button" value="隱藏" name="" onclick="yc()">
<input type="button" value="顯示" name="" onclick="xs()">
</body>
</html>
Guru membetulkan：韋小寶Masa pembetulan：2019-02-11 09:47:21
Rumusan guru：寫的很不錯(cuò) 一個(gè)簡(jiǎn)單的動(dòng)畫效果 沒事的時(shí)候這種動(dòng)畫效果可以自己多實(shí)現(xiàn)幾個(gè)來幫助我們記憶