这是我的页面控制CSS作业

Original 2019-03-14 21:11:55 276
abstract:<!DOCTYPE html><html><head><meta charset="utf-8">  <title>这是我的页面控制CSS作业</title><style>#box{width:300px;height:200px;background:green;padding-le

<!DOCTYPE html>


<html>


<head>


<meta charset="utf-8">

 


<title>这是我的页面控制CSS作业</title>

<style>

#box{width:300px;height:200px;background:green;padding-left:15px;padding-top:15px;}

</style>

</head>

<body>


<div id="box"></div>

<input type="button" value="变圆" onclick="byuan()">

<input type="button" value="变宽" onclick="bk()">

<input type="button" value="变色" onclick="bs()">

<input type="button" value="重置" onclick="czhi()">

<input type="button" value="隐藏" onclick="yc()">

<input type="button" value="显示" onclick="xs()">


<script type="text/javascript">

var box

window.onload=function(){

  box=document.getElementById('box')

}

function byuan(){

box.style.borderRadius="50px"

}

function bk(){

box.style.width="500px"

}

function bs(){

box.style.background="red"

}

function czhi(){

box.style.height="300px"

box.style.width="300px"

box.style.background="green"

}


function yc(){

box.style.display="none"

}

function xs(){

box.style.display="block"

}

</script>


</body>

</html>


Correcting teacher:查无此人Correction time:2019-03-15 09:19:37
Teacher's summary:完成的不错。下次把代码缩进,看着整洁。继续加油

Release Notes

Popular Entries