jQuery插件之-瀑布流插件
来源:互联网 发布:java初学者推荐书籍 编辑:程序博客网 时间:2024/06/05 00:17
http://blog.csdn.net/it_man/article/details/9202799
一个实现瀑布流自适应宽度布局的jQuery插件—jquery.wookmark.js ,
wookmark使用非常简单到只需要一句代码就能实现,除此之外,当页面宽度发生变化的时候,它还能自适应页面宽度,非常有诚意。
查看更多瀑布流插件:http://www.csswang.com/resource/2261.html
官网地址:http://www.wookmark.com/jquery-plugin
演示地址:http://www.wookmark.com/
源码地址:https://github.com/GBKS/Wookmark-jQuery
---------------------------
“瀑布流布局”随着pinterest网的流行而出名,现在国内使用这种风格布局的网站也越来越多,比如说Mark之,蘑菇街,点点网,哇哦等等。
今天,主要向大家介绍一些相关的制作插件,以及成功的案例,希望能给大家今后的工作有所帮助。
制作瀑布流布局的优秀插件
首先简单的向大家推荐几款制作瀑布流的jQuery插件,这些插件能帮助大家轻松的实现类似于pinterest的布局效果:
1.Masonry
Masonry是一个动态的网格布局插件。每个元素水平方向都采用全float布局,但在垂直方向使用绝对定位来控制元素的位置,犹如彻墙一样,能做到见缝插针。
2.Isotope
Isotope是一款实现动态布局的精致jQuery插件,是单独的CSS无法实现的,而且他可以通过jQuery选择器来控制元素的显示与隐藏等。
3.Blockslt
BlocksIt.js是一个创建动态的网格布局的jQuery插件。它将HTML元素转换为“块”,它们的位置布局类似于网格布局的Pinterest一样。
4.Wookmark
Wookmark是一款简单的动态网格布局的jQuery插件。
5.Pinterest Clone Layout
这是一个客隆了Pinterest网站布局的jQuery,方便你快速创建一个类似于pinterest布局效果的站点
6.Flex
Flex是一个流体不对称的动画网格布局插件。它还有一个鼠标悬停时放大的功能。
上面六款都是jQuery插件,主要功能就是可以使用他们来制作大家所说的瀑布流布局,当然你要是认为他们不好,你可以自己动手写一个这样的插件,这点我相信您行的,但有很多不懂js的同学,还是可以用一用,顶个急。下面我们一起来看看哪些方网站在使用瀑布流布局。
谁在使用瀑布流布局?
下面展示的都是瀑布流布局的网站,看起来都很经典,然而看起来很熟悉,因为它们都是从Pinterest克隆出来的。否则,他们中的许多人只是简单的创造性使用动态的网格来展示他们的作品和内容。
1.Pinspire
一个经典的瀑布流布局案例,常常被人拿来客隆。
2.WoXiHuan
3.Huaban
4.Mishang
5.Trippy
6.Chill
7.Sworly
8.Veerle
9.All Womens Talk
10.GentleMint
除了这些案例之外,当然还有更优秀的,只不过我没有发现,如果大家手上还有更好的插件和案例,希望能与我们分享。谢谢大家。
- jQuery插件之-Wookmark瀑布流插件
- jQuery插件之-瀑布流插件
- jQuery插件之-Wookmark瀑布流插件
- jQuery插件之-Wookmark瀑布流插件
- jQuery插件之-瀑布流插件
- jquery瀑布流插件
- jQuery 瀑布流插件: Wookmark
- jquery瀑布流插件(WookMark)
- Jquery瀑布流插件wookmark
- jQuery瀑布流插件 Masonry
- jquery瀑布流插件Endless Scroll
- jquery瀑布流插件-在线demo预览
- jQuery网格布局瀑布流插件Freewall
- jquery动态网格瀑布流插件Wookmark
- JQuery插件第三十七个:瀑布流便捷应用插件
- jQuery瀑布流插件——jQuery.Waterfall
- 瀑布流插件
- 瀑布流插件
- js数据类型操作
- Shell 进制转换
- 【OSGi】Could not find bundle: org.eclipse.equinox.console
- R语言 简单做图 转载记录
- Maven实战(二)POM重构之增还是删
- jQuery插件之-瀑布流插件
- [leetcode] 179.Largest Number
- Maven实战(三)多模块项目的POM重构
- 调整jvm中的 wrapper.jvm.port
- QT POST/GET 发送/获取网页数据
- AndroidStudio错误local path doesn't exist解决办法
- Maven实战(四)基于Maven的持续集成实践
- Q_PROPERTY
- MySQL的关联查询与子查询