注册    登录
最新消息: 本以为花钱买了那个amh的板面可以让网站更稳定,结果搞得整 个网站运行出错,真是赔了夫人又折兵,对不起大家了。最新版jquery-2.1.1下载  ,在线的 jquery API使用手册, 稳定版jquery.mobile-1.3.2下载

jQuery同宽网格插件Elastic Columns实现瀑布流

UI fishcity 858浏览

Elastic Columns实现瀑布流

Elastic Columns是一款轻量级的jQuery同宽网格插件,自定义网格的宽度,实现瀑布流效果,可以图文显示。Elastic Columns可以设置参数使一个元素容器分割成同宽的多列,同进有参数设置列与列间的间距,使用方法相当简单,极易上手。

引入核心文件

<link href="http://fonts.useso.com/css?family=Roboto:300,500" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="demo/css/styles.css">
<link rel="stylesheet" type="text/css" href="demo/css/columns.css">
<script type="text/javascript" src="demo/js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="src/elastic-columns.js"></script>
<script type="text/javascript" src="demo/js/elastic-columns-demo.js"></script>

构建html,只需用一个容器包多个item元素就行了

<div class="item elastic-columns-ignore"></div>

写入JS,更多的参数请参考实例文档

$('.container').elasticColumns({columns: 3});

转载请注明:jQ酷 » jQuery同宽网格插件Elastic Columns实现瀑布流

下载地址:本站下载 | 百度云
下载说明:
☉如果您发现本文件已经失效不能下载,请联系站长修正!
☉如果您下载的文件出现解压不了或文件受损等情况,请选择其他下载点重新下载。
☉下载本站资源,如果服务器暂不能下载请过一段时间重试!
☉有小部分资源需要解压密码,请输入:jqcool.net。
☉本站提供的所有资源仅供学习研究与参考,请勿用于商业用途。