手机浏览 RSS 2.0 订阅 膘叔的简单人生 , 腾讯云RDS购买 | 超便宜的Vultr , 免费部署 N8N 的 Zeabur 注册 | 登陆

瀑布流

首页 > Javascript >

瀑布流说来也流行了和很久了。我现在的品鉴网(http://photo.pinjian.net)也是用了瀑布流。而且也正好是我想转的这篇文章中的一个JS效果。
事实上,我关注这个JS效果很久了,他最初的时候是实现了div的任意组合排版。本来是用在排版上的,结果被现在引用成图片的展示了。它就是:jQuery Masonry http://masonry.desandro.com/index.html
如果你去它的网站上,你可以看到,效果那是灰常的多,不过由于仅仅是基础,你要想更好的展现,必须要基于它再做一次开发。

不得不说,http://www.21andy.com/blog/20120527/2041.html,这里收藏了很多瀑布流的,我当然也就无需再一一找寻了。

随便转上一小段重要的URL:

目前而言实现瀑布流主要有3种方式: float, absolute, css3 colum.
最佳实现方式是绝对定位 absolute
最大的缺点就是很耗CPU内存资源,机器烂很容易卡死!

教程 http://benholland.me/javascript/how-to-build-a-site-that-works-like-pinterest/

jQuery 实现 Waterfall 插件集合

jQuery.waterfall https://github.com/dio-el-claire/jquery.waterfall
jQuery Masonry http://masonry.desandro.com/index.html
jQuery WookMark http://www.wookmark.com/jquery-plugin
jQuery Isotope http://isotope.metafizzy.co/demos/layout-modes.html
jQuery iMuFeng Waterfall https://github.com/iMuFeng/Waterfall

当然这些玩意并非只有jQuery才能完成,KISSY也有插件。

KISSY Waterfall http://docs.kissyui.com/docs/html/demo/component/waterfall/index.html

如果你有兴趣,就看看喽。我是准备将pinjian.net中的图片重新调整了。为了更好的展现。同时。。可能数据源会引用国内的,否则太卡了。当然我会新开项目。不是叫photo.pinjian.net了。黑黑




本站采用创作共享版权协议, 要求署名、非商业和保持一致. 本站欢迎任何非商业应用的转载, 但须注明出自"易栈网-膘叔", 保留原始链接, 此外还必须标注原文标题和链接.

« 上一篇 | 下一篇 »

2条记录访客评论

大版本的更新是好事。只是我到现在也只能安装1.x的版本。这才是让我郁闷的地方。
PHP 5.3.3-7+squeeze14 with Suhosin-Patch (cli) (built: Aug  6 2012 14:18:06)
Copyright (c) 1997-2009 The PHP Group
Zend Engine v2.3.0, Copyright (c) 1998-2010 Zend Technologies
    with XCache v1.3.0, Copyright (c) 2005-2009, by mOo
    with Suhosin v0.9.32.1, Copyright (c) 2007-2010, by SektionEins GmbH
郁闷中。
没有人希望一个好的软件会变成版本号的追求者,firefox快赶上chrome了。xcache不要学啊

Post by gouki on 2012, November 6, 8:56 AM 引用此文发表评论 #1

3.0 是从 2.1.x 改过来的, 是遵循版本号规则. 服务器端的东西对稳定性要求特别严格, 通过大版本号的递增来标志/警告所有人这是代码级别上的大改动, 很有可能导致稳定性下降. 版本号的变化体现了软件是在大调整还是在精修
网站上是漏了更新中文页面内容

Post by moo on 2012, November 5, 4:59 PM 引用此文发表评论 #2


发表评论

评论内容 (必填):