动画事件.....

原创 2018-11-16 19:32:34 169
摘要:<!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
老师总结:有自己测试代码,说明课余时间有学习和花功夫,继续保持,可以找点案例练练手

发布手记

热门词条