最近瀑布流布局比较流行,那么今天就给大家介绍一个这样的 jQuery 插件 - Grid-A-Licious。
Grid-A-Licious 是一个简单易用的 jQuery 插件,可用于创建响应式瀑布流布局,针对不同设备可自动适应宽度。你可以通过参数设置它的宽度以及动态显示时的速度、延迟等等,定制性是比较高的。
如何使用
首先在 HTML 页面头部中引入 jQuery 框架和 Grid-A-Licious 插件
<script src="http://kfxx.info/js/jquery.1.8.0.min.js"></script> <script src="http://kfxx.info/js/jquery.grid-a-licious.min.js"></script>
然后按如下方式添加内容,可自定义设置item样式
<div id="demo"> <div class="item"> 演示演示 </div> ....任意个div <div class="item"> <div>测试内容...</div> </div> </div>
最后初始化即可
$("#demo").gridalicious({ gutter: 10, width: 200, animate: true, animationOptions: { speed: 150, duration: 300, complete: onComplete }, });
演示: demo
相关推荐
JQuery瀑布流插件Grid-A-Licious是一款简单易用的jQuery插件,可用于创建响应式瀑布流布局,针对不同设备可自动适应宽度。
jQuery瀑布流插件Grid-A-Licious是一款简单易用的jQuery插件,可用于创建响应式瀑布流布局,针对不同设备可自动适应宽度。
JQuery瀑布流插件Grid-A-Licious是一款简单易用的jQuery插件,可用于创建响应式瀑布流布局,针对不同设备可自动适应宽度。
开源项目-fiorix-cat-o-licious.zip,用go和sdl编写的猫游戏
cat-o-licious 用Go和SDL写的猫游戏
IP Licious的任务是检查计算机上可用的不同IP地址,包括本地和远程号码。 IPlicious的任务是检查计算机上可用的不同IP地址,包括本地和远程号码。
clover_licious
巢状jQuery Nested插件可提供无间隙的多列网格布局体验。 演示: : 贡献者比较结果嵌套在左侧,Grid-A-Licious / Masonry嵌套在右侧。
#D3licious Me学习D3,svg,npm和git。 链接: : ##概述: 第1章: Scott Murray的教程, 。 第1.1课:根据随机数据集拉伸div。 第1.2课:开始使用SVG元素。 第1.3课:重新学习第一课,添加标签和与数据相关的...
Un- like prior multi-authority ABEs, this scheme can achieve secret key generation in a fully decentralized manner, which eliminates the security risk on central au- thority(CA) compromise....