刚刚出来实习，之前实习的公司有一个分页插件，和后端的数据字典约定好了的，基本上是看不到内部是怎么实现的，新公司是做WPF的，好像对于ASP.NET的东西不多，导师扔了一个小系统给我和另一个同事，指了两种框架的方案就让我们自己做了。。。
刚开始在网上找了一下，觉得bootstrap-paginator的api暴露出来，修改一下就可以做成之前实习公司的那种了，但是觉得没有跳转，很奇怪，想要一个，就动手在github上把源码拿下来了，不得不说，这代码写得真是比我这些实习码农好太多。（之前实习公司的组长临走之前给了我几个意见，其中就有让我多上全球最大的男性交友社区github多去看看 – – ）这里给一下地址吧。bootstrap-paginator下载地址
看了一些网上对于bootstrap-paginator插件的使用教程，对于使用起来还是没太大问题的，自己在改代码的时候发现都不太全。
首先，插件有调节大小、调节浮动位置的功能，但是我用的是bootstrap3，在bootstrap3中这些特性都不支持。。
后来，我就找了一下别的样式（前端无能，十分佩服前端大牛，硬是能把页面组织起来），效果大概就是：
给一下这个html代码吧。
<div id="pager" class="ui-paging-container">
<ul>
<li class="ui-pager ui-pager-disabled" data-original-title="" title="">
<a><<</a>
</li>
<li class="ui-pager ui-pager-disabled" data-original-title="" title="">
<a><</a>
</li>
<li class="ui-pager focus" data-original-title="" title="">
<a>1</a>
</li>
<li class="ui-pager" data-original-title="" title="">
<a>2</a>
</li>
<li class="ui-pager" data-original-title="" title="">
<a>3</a>
</li>
<li class="ui-pager" data-original-title="" title="">
<a>4</a>
</li>
<li class="ui-pager" data-original-title="" title="">
<a>5</a>
</li>
<li class="ui-paging-ellipse" data-original-title="" title="">...</li>
<li class="ui-pager" data-original-title="" title="">
<a>10</a>
</li>
<li class="ui-pager" data-original-title="" title="">
<a>></a>
</li>
<li class="ui-pager" data-original-title="" title="">
<a>>></a>
</li>
<li class="ui-paging-toolbar" data-original-title="" title="">
<input class="ui-paging-count" type="text" id="txt_turn">
<a href="javascript:void(0)" id="btn_turn">跳转</a>
