会员中心

人靠衣装,机靠壳装

jQuery动态响应式网格布局插件

2016-04-15 11:20 发布

00
admin
未来城市

brickfolio可以动态生成响应式的网格布局,可以制作8种显示网格卡片的动画效果,可以对网格内容进行过滤,还可以设置不显示无效的图片内容。

jQuery动态响应式网格布局插件.jpg


brickfolio网格布局插件的可用配置参数有:

  • animation:是否在显示网格卡片时执行动画效果。可用的动画效果有:drop|fade-in|flip|fly|pop-up|scale-up|slide-up|swing-down。

  • itemSelector:网格项的jQuery选择器。默认为'.bf-item'。

  • imageSelector:网格中的大图。默认为:'img:first'。

  • filter:过滤选项的选择器。

  • gutter:网格之间的间隙。默认为40像素。

  • responseTime:当浏览器窗口尺寸改变时重新绘制布局的时间。默认为100毫秒。

  • hideErrors:是否自动隐藏图片加载错误的网格项。默认为false。

  • classes:各种容器和状态的class类:

    • container:'brickfolio'。容器的class类。

    • loaded:'bf-loaded'。当网格项被加载之后添加到容器的class。

    • animated:'bf-animated'。添加到容器表示动画可以被执行的class类。

    • item:'bf-item'。添加到网格项的class类。

    • error:'bf-error'。有无法加载的图片的网格项的class类。

    • filtered:'bf-filtered'。添加到过滤项上的class类。

brickfolio插件的github地址为:https://github.com/fooplugins/brickfolio



授权方式:共享版

适合环境: Chrome/Firefox/Opera/Safari/IE9+

猜你喜欢
更多发现
子导航JS代码