BootpagjQuery 翻页插件
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>
评论
jQuery Screw无限滚动翻页的插件
Screw(scroll+view)是一个jQuery插件当用户滚动页面的时候加载内容,是一个无限滚动翻页的插件。Screw仅通过在滚动到视图中时加载内容,可以帮助用户节省带宽。还可使用Screw创建
jQuery Screw无限滚动翻页的插件
0
中间翻页
实现从书本中间翻页,页面翻动的过程可以随着手指的移动而翻动。用了UIPageViewController。这种效果如果放在iPhone设备上,由于屏幕分成两半,效果不是很好。但是如果用在iPad上,效
中间翻页
0
SideBar加手势翻页
实现最新版网易新闻App的视图布局效果,即手指往右滑动,则显示左边的栏目视图(即SideBar),手指往左滑动,则显示右边的子视图。点击中间的按钮,又可以UINavigationController的
SideBar加手势翻页
0