摘要：<!doctype html><html> <head> <meta charset='utf-8'> <title>測(cè)試javascript事件</title> <link rel=stylesheet type="text/css" href="">
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
<title>測(cè)試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屬性，實(shí)現(xiàn)動(dòng)畫(huà)效果。。</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>
批改老師：韋小寶批改時(shí)間：2019-03-06 09:19:31
老師總結(jié)：實(shí)現(xiàn)的這幾個(gè)效果都是蠻簡(jiǎn)單的 不過(guò)寫(xiě)的還是很不錯(cuò)了 沒(méi)事要記得多去練習(xí)練習(xí)