摘要:<!DOCTYPE html> <html> <head> <title>Javascript核心篇-事件</title> </head> <body> <script type="text/javascript"> function myfovus
<!DOCTYPE html>
<html>
<head>
<title>Javascript核心篇-事件</title>
</head>
<body>
<script type="text/javascript">
function myfovus(x){
x.style.background = 'pink';
}
function myclick(y){
y.style.background = 'blue';
}
function myclick2(z){
z.style.borderRadius = '50%';
}
</script>
input1:<input type="text" onfocus="myfovus(this)" name="">
<br>
input2:<input type="text" onmouseover="myfovus(this)" name="">
<br>
<div style="width: 200px; height: 200px; border:1px solid #ccc;" onclick="myclick(this)"></div>
<div style="width: 200px; height: 200px; border:1px solid #ccc; background:blue;" onclick="myclick2(this)"></div>
</body>
</html>
批改老师:查无此人批改时间:2019-05-17 09:55:13
老师总结:完成的不错。js的动画很难掌握,要坚持。继续加油。