第一个动画与
<!DOCTYPE html>
<html>
<head>
<title>第一个动画</title>
<style type="text/css">
p{width: 500px;height: 30px;margin: 50px auto;
background-color: pink;text-align: center;}
.box{
width: 500px;
height: 400px;
margin: 0px auto;
border: 1px solid #ccc;
background-color: pink;
}
</style>
</head>
<body>
<p>
请输入你的学号：<input type="text" name="" onfocus="myinfor(this)"
onblur="myinforout(this)">号
</p>
<br>
<br>
<div class="box" onmouseover="myfoc(this)" onmouseout=" myfocout(this)">
</div>
<script type="text/javascript">
function myinfor(x){
x.style.background="#ccc";
}
function myinforout(c){
c.style.background="";
}
function myfoc(y){
y.style.borderRadius="250px";
}
function myfocout(z){
z.style.borderRadius="0px";
}
</script>
</body>
</html>
