博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
分享jQuery瀑布流的插件和案例、几款jquery瀑布流插件、jquery瀑布流下载
阅读量:6644 次
发布时间:2019-06-25

本文共 962 字,大约阅读时间需要 3 分钟。

 

2012-11-06    分类:、    244 views  

jQuery制作瀑布流

“布局”随着pinterest网的流行而出名,现在国内使用这种风格布局的网站也越来越多,比如说Mark之,蘑菇街,点点网,哇哦等等。

今天,主要向大家介绍一些相关的制作插件,以及成功的案例,希望能给大家今后的工作有所帮助。

制作布局的优秀插件

首先简单的向大家推荐几款制作的插件,这些插件能帮助大家轻松的实现类似于pinterest的布局效果:

1.

Masonry是一个动态的网格布局插件。每个元素水平方向都采用全float布局,但在垂直方向使用绝对定位来控制元素的位置,犹如彻墙一样,能做到见缝插针。

2.

Isotope是一款实现动态布局的精致插件,是单独的CSS无法实现的,而且他可以通过选择器来控制元素的显示与隐藏等。

3.

BlocksIt.js是一个创建动态的网格布局的jQuery插件。它将HTML元素转换为“块”,它们的位置布局类似于网格布局的Pinterest一样。

4.

Wookmark是一款简单的动态网格布局的jQuery插件。

5.

这是一个客隆了Pinterest网站布局的jQuery,方便你快速创建一个类似于pinterest布局效果的站点

6.

Flex是一个流体不对称的动画网格布局插件。它还有一个鼠标悬停时放大的功能。

上面六款都是jQuery插件,主要功能就是可以使用他们来制作大家所说的布局,当然你要是认为他们不好,你可以自己动手写一个这样的插件,这点我相信您行的,但有很多不懂js的同学,还是可以用一用,顶个急。下面我们一起来看看哪些方网站在使用瀑布流布局。

谁在使用瀑布流布局?

下面展示的都是瀑布流布局的网站,看起来都很经典,然而看起来很熟悉,因为它们都是从Pinterest克隆出来的。否则,他们中的许多人只是简单的创造性使用动态的网格来展示他们的作品和内容。

1.

一个经典的瀑布流布局案例,常常被人拿来客隆。

2.

3.

4.

5.

6.

7.

8.

9.

10.

除了这些案例之外,当然还有更优秀的,只不过我没有发现,如果大家手上还有更好的插件和案例,希望能与我们分享。谢谢大家。

转载于:https://www.cnblogs.com/fx2008/archive/2013/03/27/2984114.html

你可能感兴趣的文章
linux下网络问题综述
查看>>
数字百位nbut 1407 1到n的数中 1出现的次数
查看>>
输出问题问题一百二十八:IBM Minus One
查看>>
矩阵乘法C语言实现
查看>>
Revit中创建分段剖面视图
查看>>
poj 1523 SPF
查看>>
链表与数组的区别
查看>>
vc写csv文件
查看>>
JavaScript作用域原理(三)——作用域根据函数划分
查看>>
mssql中得到当天数据的语句
查看>>
java:集合的自定义多重排序
查看>>
关于异常Microsoft.CSharp.RuntimeBinder.RuntimeBinderException
查看>>
提问的艺术(中文版)
查看>>
MYSQL 错误日志
查看>>
XCode环境变量及路径设置
查看>>
IP地址后面斜杠加具体数字详解
查看>>
Android开发性能优化大总结
查看>>
APACHE 2.2.8+TOMCAT6.0.14配置负载均衡
查看>>
angular-ngSanitize模块-linky过滤器详解
查看>>
资深人士剖析微软开源.NET事件:战略重心已经从PC转移到云端
查看>>