列表分页
色块风格的分页,需要载入对应的CSS
<style type="text/css">
/* Pager */
.pager { padding:3px; margin:3px;}
.pager A,.pager SPAN{display:block; float:left;margin-right:3px; height:20px; line-height:20px; }
.pager A,.pager A:active {display:block; float:left;border:1px solid #c5c5c5; color:#1485ff; padding:0 6px;}
.pager A:hover {border:1px solid #0099FF; text-decoration:none; color:#c00;}
.pager SPAN.current {background:#1485ff; border:1px solid #1485ff; color:#fff; font-weight:bold; padding:0 6px; }
.pager SPAN.disabled {border:1px solid #c5c5c5; padding:0 6px; color:#c0c0c0;}
</style>
<script type="text/javascript" language="javascript">
function listPage_Jumpto{$sourcename/}(e,ele){
e=e||event;
if(13==e.keyCode){
var i=Number(ele.value);
if(i<1||i>{$endid/}){alert("你输入的页码超出范围。");}
switch(i){
{$loop}case {$pageid/}: location='{$pageurl/}';break; $$$case {$pageid/}: break; {$/loop}
default: break;
}
}
}
</script>
<div class="pager">
<a href="{$firsturl/}">首页</a>
<a href="{$prvurl/}">上一页</a>
{$loop range="3"}<a href="{$pageurl/}">{$pageid/}</a> $$$<span class="current">{$pageid/}</span> {$/loop}
<a href="{$nexturl/}">下一页</a>
<a href="{$endurl/}">尾页</a>
<input type="text" value="{$currentid/}" onkeydown="listPage_Jumpto{$sourcename/}(event,this)" size="3" title="输入数字，回车跳转" style="margin: 0px 3px 0px 0px; width: 18px;height:18px; float: left;"/>
<span class="disabled">共{$totalpub/}{$unitname/}/共{$endid/}页</span>
</div>