摘要：<!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屬性，實現(xiàn)動畫效果。。</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
老師總結：實現(xiàn)的這幾個效果都是蠻簡單的 不過寫的還是很不錯了 沒事要記得多去練習練習