主体内容
附上主体代码,样式就省略了
<body>
<div class="wrap">
<div class="top">
<ul>
<li style="background:orange">电影</li>
<li>娱乐</li>
<li>新闻</li>
<li>体育</li>
<li class="last">科技</li>
</ul>
</div>
<div class="bottom">
我是电影
</div>
</div>
<script src="common.js"></script>
<script>
for (var i = 0; i < $queryAll("li").length; i++) {
$queryAll("li")[i].onclick = function () {
for (var j = 0; j < $queryAll("li").length; j++) {
$queryAll("li")[j].style.backgroundColor = "lightblue";
}
this.style.backgroundColor = "orange";
$query(".bottom").innerText = "";
$query(".bottom").innerText = "我是" + this.innerText;
}
}
</script>
</body>
页面随便写了下,运行效果如下