推荐25个强大的 jQuery 网页布局设计作品欣赏

简介:

砌体(Masonry)是一种网页排布形式,类似于砖砌体、石砌体建造的结构,如下图,左侧是传统的使用CSS浮动实现的布局效果,右图是砌体排布。砌体布局在不规则的网页内容块布局中非常有用,能够充分利用网页空间,很多网站的照片浏览就采用了砌体形式。今天这篇文章就和大家分享25个基于jQuery实现的砌体网页设计作品,一起欣赏。

jQuery Masonry

Photography by Koa Metter

25个强大的jQuery砌体网页设计作品

Chromeography

25个强大的jQuery砌体网页设计作品

Pattern Tap – Alpha

25个强大的jQuery砌体网页设计作品

Puma Running

25个强大的jQuery砌体网页设计作品

Dazed Digital

25个强大的jQuery砌体网页设计作品

Rather Splendid

25个强大的jQuery砌体网页设计作品

The Inspiration Theme – Veerle Peters

25个强大的jQuery砌体网页设计作品

Untitled

25个强大的jQuery砌体网页设计作品

The Mid-Century Modernist

25个强大的jQuery砌体网页设计作品

Glauce

25个强大的jQuery砌体网页设计作品

Inspire Well

25个强大的jQuery砌体网页设计作品

Min Tran’s Journal

25个强大的jQuery砌体网页设计作品

VBG

25个强大的jQuery砌体网页设计作品

Bettr 2.3.2

25个强大的jQuery砌体网页设计作品

Matthew Anderson

25个强大的jQuery砌体网页设计作品

Darren John

25个强大的jQuery砌体网页设计作品

All In My Head

25个强大的jQuery砌体网页设计作品

Ryan O’Rourke

25个强大的jQuery砌体网页设计作品

Antimonotonia

25个强大的jQuery砌体网页设计作品

drwr.it

25个强大的jQuery砌体网页设计作品

Shaken Grid

25个强大的jQuery砌体网页设计作品

 

Annebenor

25个强大的jQuery砌体网页设计作品

Toutpourlesyeux

25个强大的jQuery砌体网页设计作品

bench

25个强大的jQuery砌体网页设计作品

centerline

25个强大的jQuery砌体网页设计作品



本文转自寒意博客园博客,原文链接:http://www.cnblogs.com/hnyei/archive/2012/03/13/2393220.html,如需转载请自行联系原作者

相关文章
|
4月前
|
Devops 持续交付 测试技术
JSF遇上DevOps:开发流程将迎巨变?一篇文章带你领略高效协同的魅力!
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces(JSF)开发中融入DevOps文化,通过持续集成与部署、自动化测试、监控与日志记录及反馈机制,提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法,并强调了持续改进的重要性。
39 0
|
7月前
|
JavaScript
实现一个网页同时调用多个倒计时 jquery/js
实现一个网页同时调用多个倒计时 jquery/js
|
JavaScript 搜索推荐 Windows
基于jquery开发的Windows 12网页版
基于jquery开发的Windows 12网页版
144 0
基于jquery开发的Windows 12网页版
|
JavaScript 前端开发
某东网页(动态)搭建(jquery)
网页编程实战三: 利用jquery实现京东网页(动态)搭建,
某东网页(动态)搭建(jquery)
|
前端开发 JavaScript
jquery动态待装入 HTML 网页内容和动态引入css、动态引入js
jquery动态待装入 HTML 网页内容和动态引入css、动态引入js
339 0
|
前端开发 JavaScript Java
html2canvas+jQuery+SpringMVC 实现网页转图片并保存到服务器
前端使用的是 RequireJS + jQuery 后端使用的是 SpringMVC + MyBatis 涉及资料 html2canvas 官网 将转换后的图片存储服务器的参考 将网页转换为图片 下载插件包 html2canvas 目前最新版是 v-1.
3218 0
|
JavaScript
jquery实现的让图片在网页的可视区域里四处漂浮的效果
  本文分享给大家一个用jquery开发的图片漂浮效果。 jquery图片漂浮效果,常见的就是网页里四处漂来漂去的广告了,漂到边缘时还会反弹和拐弯。 下面来看具体的代码,先看要实现漂亮效果的这个jquery插件的源码: (function($){ $.
1649 0