深度观察
上一页
<script type="text/javascript">
var theTable = document.getElementById("LIST_LM");
var spanPre = document.getElementById("spanPre");
var spanNext = document.getElementById("spanNext");
var nub = document.getElementById("shuzi");
var numberRowsInTable = theTable.getElementsByTagName("li").length;//总个数
var pageSize = 30;//一页多少个
var page = 1;
function next(){
hideTable();
currentRow = pageSize * page;
maxRow = currentRow + pageSize;
if ( maxRow > numberRowsInTable ) maxRow = numberRowsInTable;
for ( var i = currentRow; i< maxRow; i++ ){
theTable.getElementsByTagName("li")[i].style.display = '';
}
page++;
if ( maxRow == numberRowsInTable ) { nextText(); }
preLink();
gg();
}
function pre(){
hideTable();
page--;
currentRow = pageSize * page;
maxRow = currentRow - pageSize;
if ( currentRow > numberRowsInTable ) currentRow = numberRowsInTable;
for ( var i = maxRow; i< currentRow; i++ ){
theTable.getElementsByTagName("li")[i].style.display = '';
}
if ( maxRow == 0 ){ preText(); }
nextLink();
gg();
}
//隐藏所有
function hideTable(){
for ( var i = 0; i<numberRowsInTable; i++ ){
theTable.getElementsByTagName("li")[i].style.display = 'none';
}
}
//总共页数
function pageCount(){
var count = 0;
if ( numberRowsInTable%pageSize != 0 ) count = 1;
return parseInt(numberRowsInTable/pageSize) + count;
}
//显示链接
function preLink(){ spanPre.innerHTML = "<a target=_self onclick='pre();' href='#'>上一页</a>";}
function preText(){ spanPre.innerHTML = "<span class='na'>上一页</span>";}
function nextLink(){ spanNext.innerHTML = "<a target=_self onclick='next();' href='#'>下一页</a>";}
function nextText(){ spanNext.innerHTML = "<span class='na'>下一页</span>";}
//隐藏其它页
function hide(){
for ( var i = pageSize; i<numberRowsInTable; i++ ){
theTable.getElementsByTagName("li")[i].style.display = 'none';
}
nextLink();
}
function pages(n){
hideTable();
page=n;
if(n==1){
for ( var i = 0; i<pageSize; i++ ){
theTable.getElementsByTagName("li")[i].style.display = '';
}
preText();
gg();
return false;
}
currentRow = pageSize * page;
if(maxRow = currentRow + pageSize){
if ( maxRow > numberRowsInTable ) maxRow = numberRowsInTable;
for ( var i = currentRow; i< maxRow; i++ ){
theTable.getElementsByTagName("li")[i].style.display = '';
}
page++;
if ( maxRow == numberRowsInTable ) nextText();
}
if(maxRow = currentRow - pageSize){
hideTable();
page--;
if ( currentRow > numberRowsInTable ) currentRow = numberRowsInTable;
for ( var i = maxRow; i< currentRow; i++ ){
theTable.getElementsByTagName("li")[i].style.display = '';
}
if ( maxRow == 0 ) preText();
}
if(n==1){
preText();
nextLink();
}
if(n==pageCount()){
nextText();
preLink();
}
if(n!==1&&n!==pageCount()){
preLink();
nextLink();
}
gg();
}
function gg(){
nub.innerHTML="";
if(pageCount() ==1){preText();nextText();}
if (page != 1) nub.innerHTML+= '<a target="_self" title="第一页" href="#" onclick="pages(1);">1</a>';
if (page>= 5) nub.innerHTML+='<span>...</span>';
if (pageCount() > page + 2) {
var endPage = page + 2;
}
else {
var endPage = pageCount();
}
for (var i = page - 2; i <= endPage; i++) {
if (i > 0) {
if (i == page) {
nub.innerHTML += '<span title="您正在浏本页" class="now">' + i + '</span>';
}
else {
if (i != 1 && i != pageCount()) {
nub.innerHTML += '<a href="#" target="_self" onclick="pages(' + i + ');">' + i + '</a>';
}
}
}
}
if (page + 3 < pageCount()) nub.innerHTML += '<span>...</span>';
if (page != pageCount()){
nub.innerHTML += '<a title="最后一页" href="#" onclick="pages(' + pageCount() + ');" target="_self">' + pageCount() + '</a>';
nextLink();
}
}
hide();
gg();
</script>