首頁猿問這個用JS怎么寫的，求代碼

這個用JS怎么寫的，求代碼

JavaScript

一杯2塊的奶茶 2016-02-19 15:12:17

點擊1234這些數(shù)字時，他的背景顏色就會變紅。

查看完整描述

1 回答

已采納

李曉健

TA貢獻1036條經(jīng)驗獲得超461個贊

<!DOCTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
????<title>無標(biāo)題文檔</title>
????<style>
????????*{
????????????margin:?0;
????????????padding:?0;
????????}
????????ul{
????????????margin:?20px;
????????????list-style:?none;
????????}
????????ul?li{
????????????float:?left;
????????????margin:?0?5px;
????????????padding:?5px?10px;
????????????color:?#ccc;
????????????cursor:?pointer;
????????}
????????ul?li:hover{
????????????color:?red;
????????????text-decoration:?underline;
????????}
????????.active,.active:hover{
????????????background-color:?red;
????????????color:?#fff;
????????}
????</style>
</head>
<body>
????<ul>
????????<li>首頁</li>
????????<li>上一頁</li>
????????<li?class="active">1</li>
????????<li>2</li>
????????<li>3</li>
????????<li>4</li>
????????<li>5</li>
????????<li>6</li>
????????<li>7</li>
????????<li>下一頁</li>
????????<li>尾頁</li>
????</ul>
????<script>
????????var?lis?=?document.getElementsByTagName('li');
????????for(var?i=?0,len=lis.length;i<len;i++){
????????????lis[i].onclick=function(){
????????????????var?ac?=?document.getElementsByClassName('active')[0];
????????????????if(ac){
????????????????????ac.classList.remove('active');
????????????????}
????????????????this.classList.add('active');
????????????}
????????}
????</script>
</body>
</html>

我沒考慮兼容性，也是用原生js來寫的，你可以參考一下，了解一下思路然后自己再去完整的實現(xiàn)一下

2 反對回復(fù) 2016-02-19