欧美黑人粗大xxxxbbbb,在线看亚洲,亚洲日韩中文字幕乱码在线看

0712-2888027 189-8648-0214

微信公眾號

孝感風信網絡科技有限公司微信公眾號

首頁
建站流程
網站案例
提交需求
技術支持
支付方式
聯(lián)系我們

風信網建站相關演示地址及賬號

PC端/移動端演示地址

演示平臺	演示地址	賬號	密碼
網站后臺	http://demo.ithov.net/admin/login.html	聯(lián)系客服	聯(lián)系客服
小程序企業(yè)版	后臺管理演示地址請聯(lián)系客服	聯(lián)系客服	聯(lián)系客服
小程序商城版	后臺管理演示地址請聯(lián)系客服	聯(lián)系客服	聯(lián)系客服
小程序行業(yè)版	后臺管理演示地址請聯(lián)系客服	聯(lián)系客服	聯(lián)系客服

當前位置：主頁 > 技術支持 > Javascript/JQuery > jquery動態(tài)網格瀑布流插件Wookmark

jquery動態(tài)網格瀑布流插件Wookmark

時間：2016-06-02來源：風信官網點擊： 739次

Wookmark是Wookmark.com為了讓親們輕松的創(chuàng)建出其網站的效果而做的一個jquery動態(tài)網格瀑布流插件，參數(shù)豐富，使用簡單。源碼中包含了許多實例，大大的方便于項目的使用。

jquery實例：Wookmark使用方法

引入核心文件

						 <!-- 引入jquery -->

						  <script src="../libs/jquery.min.js"></script>

						  <!-- 引入wookmark插件 -->

						  <script src="../jquery.wookmark.js"></script>

構建html

						<div id="main" role="main">

						      <ul id="tiles">

						        <!-- These are our grid blocks -->

						        <li><img src="../sample-images/image_1.jpg" width="200" height="283"><p>1</p></li>

						        <li><img src="../sample-images/image_2.jpg" width="200" height="300"><p>2</p></li>

						        <li><img src="../sample-images/image_3.jpg" width="200" height="252"><p>3</p></li>

						        <li><img src="../sample-images/image_4.jpg" width="200" height="158"><p>4</p></li>

						        <li><img src="../sample-images/image_5.jpg" width="200" height="300"><p>5</p></li>

						        <li><img src="../sample-images/image_6.jpg" width="200" height="297"><p>6</p></li>

						        <li><img src="../sample-images/image_7.jpg" width="200" height="200"><p>7</p></li>

						        <li><img src="../sample-images/image_8.jpg" width="200" height="200"><p>8</p></li>

						        <!-- 可添更多的內容 -->

						      </ul>

						    </div>

寫入JS初始化

$('#tiles li').wookmark();

參數(shù)

						$('.myElements').wookmark({

						  align: 'center',

						  autoResize: false,

						  comparator: null,

						  container: $('body'),

						  direction: undefined,

						  ignoreInactiveItems: true,

						  itemWidth: 0,

						  fillEmptySpace: false,

						  flexibleWidth: 0,

						  offset: 2,

						  onLayoutChanged: undefined,

						  outerOffset: 0,

						  possibleFilters: [],

						  resizeDelay: 50,

						  verticalOffset: undefined

						});