js部分
var ul = document.getElementById('ul');
var li = ul.getElementsByTagName('li');
li[2].className = 'background';
var num01 = 1;
var num02 = 6/*總數(shù)*/;
//1 //首頁的點擊事件
li[li.length-li.length].onclick = function(){
Background(2);
num01 = 1;
content(num01);
}
//2 //尾頁的點擊事件
li[li.length-1].onclick = function(){
Background(li.length-3);
num01 = num02-(li.length-5);
content(num01)
}
//3 //上一頁的點擊事件
li[li.length-(li.length-1)].onclick = function(){
for(var j = 0;j
if(li[j+2].className == 'background' && li[j+2].innerHTML != 1){
if(j+2 != li.length-(li.length-2)){
Background(j+1);
}
break;
}
}
if(j+2 == li.length-(li.length-2)){
num01 -- ;
content(num01);
}
}
//4 下一頁的點擊事件
li[li.length-2].onclick = function(){
for(var j = 0;j
if(li[j].className == 'background' && li[j].innerHTML < num02){? //* && 寫最后一頁的總數(shù)*/
if(j+1 < li.length-2){
Background(j+1);
}
break;
}
}
if(j+1 == li.length-2){
num01++;
content(num01);
}
}
//? ? 分頁的點擊事件
for(var i = 0;i
li[i+2].index = i+2;
li[i+2].onclick = function(){
Background(this.index);
}
}
//把所有的分頁背景去掉，給指定的分頁添加背景顏色
function Background(num){
for(var i = 0;i
li[i].className = li[i].className.replace('background','');
li[num].className = 'background';
}
}
// 給li 寫內(nèi)容
content(num01);
function content(number){
for(var i=0;i
li[i+2].innerHTML = number;
number++;
}
}
