Bootpag

jQuery 翻页插件
授权协议 MIT
开发语言 JavaScript
所属分类 jQuery 插件、 jQuery分页插件
软件类型 开源软件
地区 不详
投 递 者 丌官高远
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

bootpag 是一个动态的 jQuery 翻页插件,可很好的跟 Bootstrap 和其他 HTML 页面工作。

使用方法:

<html>
<head>
    <script src="//code.jquery.com/jquery-2.0.3.min.js"></script>
    <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
    <script src="//raw.github.com/botmonster/jquery-bootpag/master/lib/jquery.bootpag.min.js"></script>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
</head>
<body>
    <div id="content">Dynamic Content goes here</div>
    <div id="page-selection">Pagination goes here</div>
    <script>
        // init bootpag
        $('#page-selection').bootpag({
            total: 10
        }).on("page", function(event, /* page number here */ num){
             $("#content").html("Insert content"); // some ajax content loading...
        });
    </script>
</body>
</html>
  • <script src="//code.jquery.com/jquery-2.1.3.min.js"></script> <script src="//netdna.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script> <script src="//raw.github.com/botmonster/jquery-boot

  • 页面上显示部分: <div class="box-tools">    <div id="pagination" style="margin-top: 10px;">       <ul class="pagination bootpag">         <li data-lp="1" class="first disabled"><a href="javascript:void(0);">首

 相关资料
  • 实现类似91熊猫看书的电子书翻页效果。可以随着手指的滑动进行翻页。 [Code4App.com]

  • 简单版本 <div class="container"> <div id="pager" class="ui-pager"></div> </div> require(['jquery', 'moye/Pager'], function ($, Pager) { new Pager({ main: document.getElementById('pager'),

  • 实现从书本中间翻页,页面翻动的过程可以随着手指的移动而翻动。用了UIPageViewController。这种效果如果放在iPhone设备上,由于屏幕分成两半,效果不是很好。但是如果用在iPad上,效果会好很多,和真正的书本阅读效果更接近。 [Code4App.com]

  • 本文向大家介绍Android 仿日历翻页、仿htc时钟翻页、数字翻页切换效果,包括了Android 仿日历翻页、仿htc时钟翻页、数字翻页切换效果的使用技巧和注意事项,需要的朋友参考一下 废话不多说,效果图:   自定义控件找自网络,使用相对简单,具体还没有来得及深入研究,只是先用笨方法大概实现了想要的效果,后续有空会仔细研究再更新文章, 本demo切换方法是用的笨方法,也就是由新数字和旧数字相比

  • 疑惑:同一个单词不同位置,上面那个点击不会出现翻译,下面就可以。 问:这是什么情况,可以修复吗?

  • 向上翻页: 快捷键: Mac: Fn + ↑ Windows\/Linux:PgUp 向下翻页: 快捷键: Mac: Fn + ↓ Windows\/Linux:PgDn

  • 实现最新版网易新闻App的视图布局效果,即手指往右滑动,则显示左边的栏目视图(即SideBar),手指往左滑动,则显示右边的子视图。点击中间的按钮,又可以UINavigationController的形式push新视图。 [Code4App.com]

  • 本文向大家介绍Bootstrap CSS组件之分页(pagination)和翻页(pager),包括了Bootstrap CSS组件之分页(pagination)和翻页(pager)的使用技巧和注意事项,需要的朋友参考一下 几乎所有网站内容都需要分页显示,一个用户体验良好的分页组件会得到访问用户的良好评价。 普通的分页 分页的状态-disabled active 分页的大小-pagination-