zoukankan      html  css  js  c++  java
  • 瀑布流插件

    jQuery制作瀑布流

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

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

    制作瀑布流布局的优秀插件

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

    1.Masonry

    Masonry

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

    2.Isotope

    Isotope

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

    3.Blockslt

    Blockslt

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

    4.Wookmark

    Wookmark

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

    5.Pinterest Clone Layout

    Pinterest Clone Layout

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

    6.Flex

    Flex

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

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

    其他:http://www.cnblogs.com/liubiaocai/archive/2013/04/26/3044503.html
    http://www.csswang.com/resource/2261.html
    作者:Jackhuclan
    出处:http://jackhuclan.cnblogs.com/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
  • 相关阅读:
    vue移动端适配问题
    excel 表格数据转json格式
    常用快捷键
    微信公众号监听返回事件
    总结css常用方法
    封装axios
    初学angular项目中遇到的一些问题
    jquery项目中一些常用方法
    怎样做ie兼容性
    vue事件修饰符
  • 原文地址:https://www.cnblogs.com/jackhuclan/p/3123177.html
Copyright © 2011-2022 走看看