• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 特效插件 > 其他特效 >  四种jQuery+bootstrap分页正文

四种jQuery+bootstrap分页效果插件

作者:网页模板
大小:0.083MB
点击次数:
发布时间:2014-03-11 13:07
分享到:

特效介绍

四种jQuery+bootstrap分页效果插件
四种jQuery+bootstrap分页效果插件。带有上一页、下一页、第一页和最后一页。当处于第一页和最后一页,这两个按钮和上一页下一页中的一个将是灰色不可用。第一个和第四个效果,会自动加长以显示更多分页。

使用方法

第一步、在head区域引入下面的代码
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<script src="http://www.5imoban.net/download/jquery/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="js/bootstrap.js" type="text/javascript"></script>
<script src="js/jquery.twbsPagination.js" type="text/javascript"></script>
<script src="js/zzsc.js" type="text/javascript"></script>
第二步:
    1)如果想使用第一个效果,在html分页处引入<ul id="pagination-demo" class="pagination-sm"></ul>
    2)如果想使用第二个效果,在html分页处引入<ul id="pagination-demo-v1_0" class="pagination-sm"></ul>
    3)如果想使用第三个效果,在html分页处引入<ul id="pagination-demo-v1_1" class="pagination-sm"></ul>
    4)如果想使用第四个效果,在html分页处引入<ul id="visible-pages-example"></ul>
  • 本文标签:
  • 分页效果插件,jQuery分页插件
增加用户友好性的jquery向导提示操作插件,jquery下一步
蓝色带动画的投票插件特效jQuery代码