实用瀑布流画廊

所属分类：UI-布局

45588 403 查看评论 (18)

分享到微信朋友圈

查看演示立即下载

插件描述：基于jq的瀑布流画廊

使用方法

DOM准备：

<div id="main">
	<div class="img"> <img src="1.jpg" size="398*636" />
		<p class="tip">这是tip1</p>
	</div>
</div>
<div id="img">
	<div id="img-container"></div>
	<img src="" draggable="false">
	<p id="tip"></p>
	<div id="btn-left"></div>
	<div id="btn-right"></div>
</div>

以上就构成了可以实现效果的最小DOM，

这里id="img"内的DOM结构是不能变的,图片部分的类名和ID可以更改

JS配置：

//config
//图像最小单位类选择器名
var imgClassname = 'img';
//图像说明类选择器名
var pClassname = 'tip';
//应用瀑布流的图像的类选择器名
var waterClassname = 'img';
//应用瀑布流的图像的宽度
var imgWidth = 150;
//图像最小单位父级容器的ID
var parentIdName = 'main'

jQuery响应式网页模板

jQuery HTML导出Excel插件table2excel

bootstrap_admin后台管理模板

jQuery bootstrap响应式后台管理模板

布局

94196 557

浅黄色宽屏单页跳转css3动画

自适应浅黄色宽屏单页跳转css3动画

布局

33018 358

实用的瀑布流

图片、块，瀑布流

布局

54026 463

紫色创意企业工作室Bootstrap模板

Mogh是一个精美的HTML模板设计，适合数码机构商业、金融、企业网站。您可以使用这个美丽的改造成你需要的模板。模板是基于Bootstrap程序设计，这模板将100%的流体响应任何设备。我们已经测试了这个在iMacMacbook ProiPhoneiPad和三星S9。此外您将得到18+独特的HTML文件。

布局

27405 365