從此踏上了HTML5的學(xué)習(xí)之路。以下是一個小demo，不足之處多多指教。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>換背景</title>
<style type="text/css">
li{
background: red;
height: 40px;
line-height: 40px;
}
</style>
</head>
<body>
<ul>
<li>從此以后</li>
<li>你</li>
<li>就是我的了</li>
</ul>
<script type="text/javascript">
var ul = document.getElementsByTagName("ul")[0];
var li = document.getElementsByTagName("li");
ul.onclick= function(e){
for (var i = 0; i < li.length; i++) {
li[i].style.background = "red";
}
var temp = e.srcElement;
temp.style.background= "green";
}
</script>
</body>
</html>
復(fù)制代碼即可看到效果。onclick 事件也可換成onmouseover等事件，實現(xiàn)不同的效果。
我的文章很簡單，不求打賞，但求喜歡。
