25个jQuery瀑布流网页设计的强大例子

jQuery是一个功能强大的工具,动画,图像画廊,工具提示,动态形式,实时更新和各种其他技术,我们精选jQuery教程之前。这纯粹是用在许多案例的网站设计或开发。然而,jQuery网页设计效果可以用在适当的设计,但却实现困难,因为你必须知道如何使用它们来提高可用性和不偏离设计或用户体验。

 

今日美术馆纯粹是基于对瀑布流的概念。此布局插件由David DeSandro.开发的。你可以看到之前和之后的瀑布流如下图的效果差异。

001


把它看成是反面的CSS浮动。而浮动元素水平排列然后垂直排列,瀑布流垂直然后水平根据网格。结果最大限度地减少不同高度的元素之间的垂直间距,就像石匠在拟合石头的墙。

Photography by Koa Metter

002

Chromeography

003

Pattern Tap – Alpha

004

Puma Running

005

Dazed Digital

006

Rather Splendid

007

The Inspiration Theme – Veerle Peters

008

Untitled

009

The Mid-Century Modernist

010

Glauce

011

Inspire Well

012

Min Tran’s Journal

013

VBG

014

Bettr 2.3.2

015

Matthew Anderson

016

Darren John

017

All In My Head

018

Ryan O’Rourke

019

Antimonotonia

020

drwr.it

021

Shaken Grid

022

 

Annebenor

023

Toutpourlesyeux

024

bench

025

leftline

026

 

原文: http://smashinghub.com/25-powerful-examples-of-masonry-jquery-web-design.htm