摘要：<!doctype html><html> <head> <meta charset='utf-8'> <title>测试javascript事件</title> <link rel=stylesheet type="text/css" href="">
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title>测试javascript事件</title>
<link rel=stylesheet type="text/css" href="">
<script>
function myclick(x){
x.style.backgroundColor="red";
}
function mymouseup(x){
x.style.border="3px solid green";
}
function mymouseout(y){
y.style.borderRadius="20px";
}
</script>
</head>
<body>
<p>用javascript改变html元素的css属性，实现动画效果。。</p>
<input type="text" onclick="myclick(this)">
<br><br>
<div style="width: 100px;height: 100px;border: 1px solid blue;background-color: #ccc;" onmouseup="mymouseup(this)"></div>
<br><br>
<div style="width: 100px;height: 100px;border: 1px solid blue;background-color: pink;" onmouseout="mymouseout(this)"></div>
</body>
</html>
批改老师：韦小宝批改时间：2019-03-06 09:19:31
老师总结：实现的这几个效果都是蛮简单的 不过写的还是很不错了 没事要记得多去练习练习
