摘要:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>动画事件</title></head><style>section{width: 1200px;margin: 0 auto;}div{height: 300px;widt
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>
动画事件
</title>
</head>
<style>
section{width: 1200px;margin: 0 auto;}
div{height: 300px;width: 378px;border:1px solid #ccc;float: left;margin: 10px;background: pink;}
</style>
<body>
<script type="text/Javascript">
function myclick(x){
x.style.background="red";
};
function mymouseover(y){
y.style.background="#ccc";
};
function mymouseout(z){
z.style.background="pink";
};
function mymouseover1(y1){
y1.style.background="url(images/022.jpg) center top"
};
function mymouseout1(z1){
z1.style.background="pink"
}
</script>
<section>
<div onclick="myclick(this)"></div>
<div onmouseover="mymouseover(this)" onmouseout="mymouseout(this)"></div>
<div onmouseover="mymouseover1(this)" onmouseout="mymouseout1(this)"></div>
</section>
</body>
</html>
批改老师:灭绝师太批改时间:2018-11-17 09:24:23
老师总结:有自己测试代码,说明课余时间有学习和花功夫,继续保持,可以找点案例练练手