點擊1234這些數字時，他的背景顏色就會變紅。
這個用JS怎么寫的，求代碼
一杯2塊的奶茶
2016-02-19 15:12:17
1 回答
已采納
李曉健
TA貢獻1036條經驗 獲得超461個贊
<!DOCTYPE?html>
<html>
<head>
????<meta?http-equiv="Content-Type"?content="text/html;?charset=utf-8"?/>
????<title>無標題文檔</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來寫的，你可以參考一下，了解一下思路然后自己再去完整的實現一下
-
一杯2塊的奶茶嗯，我就差最后的那一步了，經驗不夠，思路我知道，但是寫不完整。那個判斷可以不要的吧，我再來寫下首尾頁和上下一頁的JS。
添加回答
舉報
0/150
提交
取消