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

最新推荐文章于 2024-09-30 14:28:41 发布
最新推荐文章于 2024-09-30 14:28:41 发布
阅读量64 收藏
点赞数
文章标签： javascript ViewUI

砌体（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砌体网页设计作品

weixin_33674437
关注
50个经典jquery实例_文旅案例 | 全球50个经典公共空间设计
weixin_42202716的博客
12-18 1838
关注并标星「和景文旅」每周一三五 17:00 专业资讯准时送达和景说家具是人们生活环境中必不可少的设备。城市又何尝不是一个以地域空间为限的大家庭呢？城市家具概指城市环境中的公共设施，蕴含了人们对城市生活的憧憬 ，户外场所能像家一样方便舒适。城市家具Urban Furniture△ BUILDME!△Pop-Up!△ LentSpace△ Jeanne D'arc on...
期末作品网页制作css+js+jquery
01-29
作品实现了以下的js功能： （1） 使用正则表达式验证注册页面信息 （2） 网站首页动态显示系统时间 （3） 动态改变导航菜单样式 （4） 制作图片轮显效果 （5） 制作随光标滚动的广告图片效果 （6） 制作光标移到某图片上显示该图片对应大图 （7）制作弹出式广告，并3秒后自动关闭 主题是旅游网站，网页简单不炫酷但是页面很漂亮ins风。
一些比较用用的jquery设计
haiker
07-23 110
1. 创建按钮的下拉列表（Create Twitter-Style Dropdowns Using jQuery） http://davidwalsh.name/twitter-dropdown-jquery   2. 创建QQ空间那种置顶的导航条（Create a Sexy Persistent Header with Opacity Using MooTools or jQuery） ...
java作品欣赏_[Java教程]推荐25个强大的 jQuery 网页布局设计作品欣赏
weixin_42144086的博客
02-13 186
[Java教程]推荐25个强大的 jQuery 网页布局设计作品欣赏0 2012-03-13 15:00:33砌体(Masonry)是一种网页排布形式，类似于砖砌体、石砌体建造的结构，如下图，左侧是传统的使用CSS浮动实现的布局效果，右图是砌体排布。砌体布局在不规则的网页内容块布局中非常有用，能够充分利用网页空间，很多网站的照片浏览就采用了砌体形式。今天这篇文章就和大家分享25个基于...
网页设计期末作业，使用HTML、CSS、Jquery模仿网易云网页
06-14
网页设计是IT领域中一个重要的组成部分，特别是在当前互联网时代，美观且用户体验良好的网页设计对于吸引用户至关重要。这个期末作业的主题是“使用HTML、CSS、Jquery模仿网易云网页”，这是一次实践性的学习任务，...
_以HTML 5 CSS3 jQuery为基础的响应式布局网页设计探讨.pdf
09-15
二、基于 HTML5、CSS3 和 jQuery 的响应式布局网页设计 响应式布局网页设计需要 HTML5、CSS3 和 jQuery 等技术的支持。HTML5 技术可以克服网页设计在结构元素设计方面的缺陷，提高网页的响应速度和适用性。CSS3 ...
jQuery响应式导航菜单网页设计，商城、网站、官网首页菜单布局网页设计，兼容pc和手机端
02-25
jQuery响应式导航菜单网页设计，商城、网站、官网首页菜单布局网页设计，兼容pc和手机端 demo效果在线预览：http://124.223.118.176/navMenu/ 脚本简介：jQuery响应式导航菜单代码是一款基于SuperSlide插件制作的...
基于jQuery的在线商城设计与实现.zip
12-30
该网页包括了十一个页面，具体如下： Index.html（首页）、reg.html（注册页面）、login.html(登录页面)、about.html(关于页面)、info.html(提交订单信息)、member.html(个人信息)、message.html（留言页面）、...
jquery学习 小作品《我的日记本》
qzshiyongjie123的专栏
09-23 2735
作品目的：经过三周左右的学习，了解了Jauery的皮毛，好记性不如烂笔头，自己做点小项目才能真正的理解一点。       作品描述：有主页内容，日记本，关于我，练习我等内容。            主要代码及技术：        主页采用css+div布局，分为头，尾，中（菜单列，显示列）部主要内容等                       点击首页，显示列表，用ajax的load
作品展示HTML5网站模板
12-21
作品展示HTML5网站模板是一款使用Twitter Bootstrap框架搭建，并且对Retina显示屏优化iPhone, iPad, iPod Touch and MacBook Pro Retina，非常适合作品展示使用。
推荐25个强大的 jQuery 网页布局设计作品欣赏
u011927449的博客
01-15 2043
砌体（Masonry）是一种网页排布形式，类似于砖砌体、石砌体建造的结构，如下图，左侧是传统的使用CSS浮动实现的布局效果，右图是砌体排布。砌体布局在不规则的网页内容块布局中非常有用，能够充分利用网页...
20个最有创意和最实用的jQuery应用
yang_fei_long
07-27 110
http://www.iteye.com/news/5066
常用的jquery案例
fashion_luo的专栏
05-23 3545
导航菜单是网站非常重要的元素，本文介绍 16 个用 jQuery 实现的动态导航菜单效果。 Slide Down Box Menu with jQuery and CSS3 Professional dropdown 1.Facets Navigation Demo | Download 2.Rocking & Rolling Demo | Download
【html网页设计】基于html+css+javascript+jquery实现古诗词网页 学生网页设计作品 web前端开发技术 web课程设计 网页规划与设计
html精品源码
12-18 1280
🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒子设定居中，内部左中右布局，下方横向浮动排列，大学学习的前端知识点和布局方式都有运用，CSS的代码量也很足、很细致，使用hover来完成过渡效果、鼠标滑过效果等，使用表格、表单补充模块，为方便新手学习, 个别源码页面中没有使用js有需要的可以自行添加。🏅...
18个使用 jQuery 制作的创意网站欣赏
weixin_34301307的博客
06-04 640
　　jQuery 是一个非常优秀的 Javascript 框架，在现在的 Web 开发项目中扮演着重要角色，借助 jQuery 可以让网站有更好的可用性和用户体验，让访问者对网站留下非常好的印象。今天这篇文章与大家分享18个使用 jQuery 制作的创意网站，一起欣赏。 imagemechanics.com wineshop.hunters.co.nz duchyoriginals....
使用jquery制作漂亮相册集
王浴昊
04-28 8800
目录： 简单的图像翻滚 漂亮的相册集 资源文件 简单的图像翻滚image-rollover常被用在交互式导航栏上，当我们的鼠标移动到导航栏时，按钮的外观改变。例如我们以如下几幅黑白缩略图作为导航图表，当鼠标移动到指定图标时，图标变为明亮的彩色图片。预览如下：该页面的代码十分简单，我们以此为例逐步实现图像的翻滚：img-rollover.html<!DOCTYPE html> <html> <head
knowLedge-Vue I18n 是 Vue.js 的国际化插件
最新发布
2301_76671906的博客
09-30 859
Vue 2 中使用 Vue I18n 插件实现中英文切换
精通jQuery：交互设计与网页开发进阶指南
"Learning jQuery PDF 是一本关于使用jQuery进行网页交互设计和开发的书籍，作者是Jonathan Chaffer和Karl Swedberg。本书通过简单的JavaScript技术帮助读者掌握jQuery的使用，提升网页动态效果和用户体验。内容包括...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值