当前访客身份:游客 [ 登录 | 加入 OSCHINA ]

代码分享

当前位置:
代码分享 » JavaScript  » 网页设计与交互
王丽媛

动态加载分页常用的方法

王丽媛 发布于 2014年03月06日 15时, 12评/3109阅
分享到: 
收藏 +0
2
别说哥见识短,这确实是第一次见过这种分页效果,可以自动控制显示下一页的分页插件,确实比较好用,界面看起来非常简洁漂亮
在线演示地址:
http://www.lanrenzhijia.com/jquery/2759.html
标签: <无>

代码片段(3) [全屏查看所有代码]

1. [图片] 1-1403011R1470-L.jpg    

2. [代码][JavaScript]代码     跳至 [2] [全屏预览]

$('#light-pagination').pagination({
	pages: 20,
	cssStyle: 'light-theme'
});

$('#dark-pagination').pagination({
	pages: 20,
	cssStyle: 'dark-theme',
	displayedPages: 3,
	edges: 3
});

$('#compact-pagination').pagination({
	pages: 70,
	cssStyle: 'compact-theme',
	displayedPages: 7
});

3. [文件] 页面无刷新,动态加载下一页(分页).rar ~ 7KB     下载(131)     [全屏预览]



开源中国-程序员在线工具:Git代码托管 API文档大全(120+) JS在线编辑演示 二维码 更多»

发表评论 回到顶部 网友评论(12)

  • 1楼:亦可塞艇 发表于 2014-03-06 16:15 回复此评论
    where is your 动态加载????
  • 2楼:JPer 发表于 2014-03-06 16:19 回复此评论
    与动态加载有毛线关系,只不过翻页按钮好看了而已
  • 3楼:L_Lawliet 发表于 2014-03-06 17:25 回复此评论
    这跟动态加载有什么关系??
  • 4楼:double9 发表于 2014-03-06 19:01 回复此评论
    代码有问题,怎么啥都没有
  • 5楼:lxrmido 发表于 2014-03-07 10:21 回复此评论
    分页后修改了页面的hash部分,这确实是动态加载的通常做法
  • 6楼:六翼WWE 发表于 2014-03-07 10:51 回复此评论
    谁说的靠近了显示下一页  还是要按翻页按钮或页码的啊
  • 7楼:restmad 发表于 2014-03-11 14:46 回复此评论
    谢谢
  • 8楼:西西爱OS 发表于 2014-03-11 22:21 回复此评论
    我都是直接代码css控制就可以 不需要加js 麻烦 小电影
  • 9楼:aspboy 发表于 2014-03-11 23:44 回复此评论

    如何显示页面的列表数据啊?在哪设置和修改?

  • 10楼:V 发表于 2014-03-13 10:24 回复此评论

    引用来自“jonny77”的评论

    where is your 动态加载????
    刷新几次页面加载完js就可以看到的
  • 11楼:灵魂架构师 发表于 2014-03-13 10:28 回复此评论
    看不出哪里动态加载了 YUNCMS
  • 12楼:八爪鱼采集器 发表于 2014-03-14 00:11 回复此评论
    css效果而已,不是动态