响应式jQuery网格布局插件Grid-A-Licious
响应式jQuery网格布局插件Grid-A-Licious是一个非常棒的响应时布局插件,使用这个插件,你在布局页面的时候就不需要针对不同浏览器的屏幕尺寸写宽度,它会自动根据不同设备自适应宽度。实现了Pinterest瀑布流效果。
源码下载 在线演示
首先新需要引入 jQuery
<script src="js/jquery.js"></script><script src="js/jquery.grid-a-licious.js"></script>
布局HTML代码
<div class="example" id="example"> <div class="item"> <div>itur.</div> </div> <div class="item"> <div>Dasdasmdhaj hajsdoat.</div> </div> <div class="item"> <div>Wxercquinsequat.</div> </div></div>
初始化
$("#example").gridalicious({ gutter: 1, width: 75, animate: true, animationOptions: { speed: 200, duration: 300, complete: onComplete },});
【响应式jQuery网格布局插件Grid-A-Licious】相关文章
1. 响应式jQuery网格布局插件Grid-A-Licious
2. phonegap教程第8讲 Jquery Mobile中流式布局,网格布局以及响应式布局教程 ...
5. Isotope-jQuery神奇的分类过滤和排序布局插件
9. CSS3教程:background-clip和background-origin
10. 另外一款超棒的响应式布局jQuery插件 - Freetile.js
本文来源:https://www.51html5.com/a1191.html
﹝响应式jQuery网格布局插件Grid-A-Licious﹞相关内容
- Groundwork:响应式 HTML5,CSS & JavaScript 工具包
- jQuery网页背景视觉差滚动效果
- jQuery多种循环展示插件roundabout
- jQuery多种循环展示插件roundabout
- jQuery Migrate 1.1 发布,jQuery 应用迁移辅助插件
- jQuery Migrate 1.1 发布,jQuery 应用迁移辅助插件
- 音频界YouTube -SoundCloud发布HTML 5部件
- S Gallery – 很有特色的响应式 jQuery 相册插件
- S Gallery – 很有特色的响应式 jQuery 相册插件
- Flexslider - 响应式的 jQuery 内容滚动插件