Ajax+JSON+jQuery环境使用的多功能页码栏

上面我用ＸＭＬ模拟了一个数据源，正好顺便尝

试了一下Ｌｉｎｑ　ｔｏ　ＸＭＬ：）如果您是使用．ＮＥＴ２．０的话，也可改成ＸＭＬＤｏｃｕｍｅｎｔ的方式或者从自己的数据源获取。

这里我们看一下基本效果：
基本状态：

class="alignnone size-full wp-image-383" title="jpagerbar1" src="http://www.jqueryajax.com/wp-content/uploads/2009/03/jpagerbar1.jpg" alt="jpagerbar1" width="437" height="405"

/>
如果超过相邻页数地阀值的页码用．．．替代：

href="http://www.jqueryajax.com/wp-content/uploads/2009/03/jpagerbar2.jpg">
下面我们升级一下，可以自定义没页显示得条数和跳至的页码：

href="http://www.jqueryajax.com/wp-content/uploads/2009/03/jpagerbar31.jpg">

class="alignnone size-full wp-image-385" title="jpagerbar3" src="http://www.jqueryajax.com/wp-content/uploads/2009/03/jpagerbar3.jpg" alt="jpagerbar3" width="566" height="347"

/>
光这样当然是不够的，如果用户输入了无效的值，会引发无效的服务器响应，我们需要在客户端就过滤：

title="jpagerbar4" src="http://www.jqueryajax.com/wp-content/uploads/2009/03/jpagerbar4.jpg" alt="jpagerbar4" width="526" height="339" />

一共３００条数据，每页１０条

，只能显示３０页，要３１页当然就错了。当然这里我的验证过程只是提供了一条思路，还可以有更多的丰富。（咦？光影魔术手不注册还会有水印？）

刚才我说的需要能自定义样式，当然也

不能少：

或者这样：

title="jpagerbar6" src="http://www.jqueryajax.com/wp-content/uploads/2009/03/jpagerbar6.jpg" alt="jpagerbar6" width="450" height="232" />
或者这样：

href="http://www.jqueryajax.com/wp-content/uploads/2009/03/jpagerbar7.jpg">

class="alignnone size-full wp-image-389" title="jpagerbar7" src="http://www.jqueryajax.com/wp-content/uploads/2009/03/jpagerbar7.jpg" alt="jpagerbar7" width="429" height="220"

/>
========以下为新增功能

title="jpagerbar_new1" src="http://www.jqueryajax.com/wp-content/uploads/2009/03/jpagerbar_new1.jpg" alt="jpagerbar_new1" width="675" height="566" />

href="http://www.jqueryajax.com/wp-content/uploads/2009/03/jpagerbar_new11.jpg">