标签 » 流体布局

瀑布流布局与 jQuery Ajax 分页

分类: , 标签:‚ ‚ ‚  评论:59 59 评论

在 Kayo 的上一篇文章轻图床的新前端与瀑布流布局曾经简略介绍过瀑布流布局,所谓的瀑布流效果就正如轻图床首页效果那样,多个内容相近的栏目紧密排列,尽量使到栏目间的间隙最小(即流体布局),并且随着页面滚动条向下滚动,新的数据会追加至当前页面的尾部直到所有数据加载完毕(滚动触发的 Ajax 翻页)。本文将会介绍如何实现瀑布流布局中的 Ajax 翻页,至于如何实现栏目间的紧密排列,本文将会简略介绍但不在重要的讨论范围。 ...

Read More –>

轻图床的新前端与瀑布流布局

分类: 标签:‚ ‚ ‚  评论:40 40 评论

在去年12月的时候,Kayo 做的轻图床上线了,因为是第一个做的后台程序,所以大部分的时间都用于设计后台,而前台设计就相对简单, Kayo 使用了一段时间后,感觉没有“前端的味道”,于是重新做了一个新的 UI 。下面直接上图。       图片列表页(首页,排行榜,用户主页)采用流体布局,首页与用户主页还是瀑布流分页(流体布局 + 滚动触发的 Ajax 分页),本来瀑布流布局采用 M...

Read More –>