js實現百度搜索結果翻頁效果
標簽：
發(fā)布日期：2014-02-28 00:00:00
486
js實現百度搜索結果翻頁效果
<p>js實現百度搜索結果翻頁效果：</p><pre code_snippet_id="207693" snippet_file_name="blog_20140227_1_6161653" name="code" class="html"><!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>分頁</title>
<style>
@charset "utf-8";
* {margin:0px;padding:0px;border:0px;list-style-type:none;font-size:12px;font-family:arial, "Microsoft Yahei", "宋體";}
.pages {text-align:center;width:100%;margin:20px auto;padding-top:20px;height:26px;overflow:hidden;}
.pages a {padding:5px;border:1px solid #CCC;margin:0px 5px;text-decoration:none;color:#333;}
.pages a:hover {border:1px solid #FC0;color:#F60;}
.pages .this {border:1px solid #FC0;color:#F60;}
</style>
<script type="text/javascript" src="JS/jquery-1.6.1.min.js"></script>
<script type="text/javascript">
pageShow(1,11);
//dbPage 當前頁
//totalPages 總頁數
function pageShow(dbPage,totalPages)
{
$(function()
{
//page分割數量
var pageFor = 11;
var pageSlipt = parseInt(pageFor / 2);
var pageHTML = new Array;
if (dbPage > 1) //如果當前頁大于1，則顯示上一頁
{
var dbPagePre = dbPage-1;
pageHTML += "<a href=\"javascript:pageShow('"+ (dbPagePre) +"','"+totalPages+"');\"><上一頁</a>";
}
if (totalPages > pageFor) //如果總頁數大于分割頁數
{
if(dbPage <= pageSlipt+1)
{
for (i=1;i<=pageFor;i++)
{
if (i == dbPage)
{
pageHTML += "<a href=\"javascript:pageShow('"+ i +"','"+totalPages+"' );\" class=\"this\">" +i+ "</a>";
}
else
{
pageHTML += "<a href=\"javascript:pageShow('"+ i +"','"+totalPages+"' );\">" +i+ "</a>";
}
}
}
else if (dbPage > totalPages-pageSlipt)
{
for (i=totalPages-pageFor+1; i<=totalPages; i++)
{
if (i == dbPage)
{
pageHTML += "<a href=\"javascript:pageShow('"+ i +"','"+totalPages+"' );\" class=\"this\">" +i+ "</a>";
}
else
{
pageHTML += "<a href=\"javascript:pageShow('"+ i +"','"+totalPages+"' );\">" +i+ "</a>";
}
}
}
else
{
for (i=dbPage-pageSlipt; i<=parseInt(dbPage)+parseInt(pageSlipt); i++)
{
if (i == dbPage)
{
pageHTML += "<a href=\"javascript:pageShow('"+ i +"','"+totalPages+"' );\" class=\"this\">" +i+ "</a>";
}
else
{
pageHTML += "<a href=\"javascript:pageShow('"+ i +"','"+totalPages+"' );\">" +i+ "</a>";
}
}
}
}
else
{
for (i=1; i<=totalPages; i++)
{
if (i == dbPage)
{
pageHTML += "<a href=\"javascript:pageShow('"+ i +"','"+totalPages+"' );\" class=\"this\">" +i+ "</a>";
}
else
{
pageHTML += "<a href=\"javascript:pageShow('"+ i +"','"+totalPages+"' );\">" +i+ "</a>";
}
}
}
if (parseInt(dbPage)<parseInt(totalPages)) //如果當前頁小于總頁數，則顯示下一頁
{
var dbPageNext = parseInt(dbPage)+1;
pageHTML += "<a href=\"javascript:pageShow('"+ dbPageNext +"','"+totalPages+"');\">下一頁></a>";
}
$(".pages").html(pageHTML);
});
}
</script>
</head>
<body>
<div class="pages"></div>
</body>
</html>
.png)