HTML5 是现在Web开发领域的热点,更多的开发人员开始使用HTML5来开发交互性强、效果出众的Web应用和游戏。今天,本文收集了15个精美的 HTML5 单页网站作品,让大家感受一下 HTML5 的魅力,一起欣赏。

> Digitalhands

[![](http://upload-images.jianshu.io/upload_images/8373224-92a49a401bec795a.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://www.yyyweb.com/demo/inner-show/html5-digitalhands.html)

> Hellocarbon

[![](http://upload-images.jianshu.io/upload_images/8373224-7b22c6a636cf83b6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://www.cnblogs.com/lhb25/p/latest-html5-websites.html)

> Morehazards

[![](http://upload-images.jianshu.io/upload_images/8373224-52b6e350e7b448c7.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://www.yyyweb.com/demo/inner-show/html5-morehazards.html)

> Bokicabo

[![](http://upload-images.jianshu.io/upload_images/8373224-8761861211d3ab32.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://www.yyyweb.com/demo/inner-show/html5-bokicabo.html)

> Mindepic

[![](http://upload-images.jianshu.io/upload_images/8373224-ac5263637161a849.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://www.yyyweb.com/demo/inner-show/html5-mindepic.html)

> Tejpotter

[![](http://upload-images.jianshu.io/upload_images/8373224-df218082313dcb92.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://www.yyyweb.com/demo/inner-show/html5-tejpotter.html)

> Unfold

[![](http://upload-images.jianshu.io/upload_images/8373224-05fb0b7372644d6d.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://www.yyyweb.com/demo/inner-show/html5-unfold.html)

> Shweplantis

[![](http://upload-images.jianshu.io/upload_images/8373224-92fe5ee50976973a.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://www.cnblogs.com/lhb25/p/latest-html5-websites.html)

> Vertaaverkkoja

[![](http://upload-images.jianshu.io/upload_images/8373224-4613207937125575.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://www.cnblogs.com/lhb25/archive/2012/08/03/5-creative-html5-and-css3-templates.html)

> Sitesprouter

`(web前端学习交流群:328058344 禁止闲聊,非喜勿进!) `

[![](http://upload-images.jianshu.io/upload_images/8373224-b72794b89477bb0c.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://www.cnblogs.com/lhb25/p/latest-html5-websites.html)

> Youzee

[![](http://upload-images.jianshu.io/upload_images/8373224-132db5f2b22cb75a.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://www.cnblogs.com/lhb25/p/9-html5-effects.html)

> Diablomedia

[![](http://upload-images.jianshu.io/upload_images/8373224-9f961bb4424dc49b.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://www.yyyweb.com/demo/tearable-cloth/index.html)

> Floridaafterseven

[![](http://upload-images.jianshu.io/upload_images/8373224-b99c9c93487707a1.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://www.yyyweb.com/demo/ball-pool/)

> Electricpulp

[![](http://upload-images.jianshu.io/upload_images/8373224-10594dabd6ec29cd.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://www.yyyweb.com/350.html)

> Qlpros

[![](http://upload-images.jianshu.io/upload_images/8373224-ece2e74640f4a0b0.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)](http://www.yyyweb.com/377.html)

HTML5网站大观:15个精美的 HTML5 单页网站作品欣赏的更多相关文章

  1. 精品素材:WALK & RIDE 单页网站模板下载

    今天,很高兴能向大家分享一个响应式的,简约风格的 HTML5 单页网站模板.Walk & Ride 这款单页网站模板是现代风格的网页模板,简洁干净,像素完美,特别适合用于推广移动 APP 应用 ...

  2. 你应该知道的10个奇特的 HTML5 单页网站

    网页设计师努力寻找新的方式来展现内容.其中一个大的趋势是单页网站,现在被世界上的一些大的品牌广泛采用,使用它们来为用户提供一个快速,干净和简单的而且​​美丽的网站. 下面是10个令人惊叹的单页 H​​ ...

  3. Smint – 用于单页网站制作的 jQuery 导航菜单插件

    Smint 是一款用于实现单页风格网站的 jQuery 导航插件,包含两部分:固定在页面顶部的精美导航条和能够在你点击的时候自动滚动到对应内容的菜单按钮.Smint 使用非常简单,只有一个参数用于设置 ...

  4. 时尚前沿:15个创意的 3D 字体设计艺术作品欣赏

    在这里,我们为大家呈现30个创意的3D版式设计,注意每个设计中字体,颜色,款式的使用,让您享受并得到他们的灵感. 版式设计是一个美丽的艺术形式.无论是粗体还是细体,用不同的字体或使用拟物化技术操纵文本 ...

  5. FullPage.js – 轻松实现全屏滚动(单页网站)效果

    FullPage.js 是一个简单而易于使用的插件,用来创建全屏滚动网站(也被称为单页网站).除了可以创建全屏滚动效果以外,也可以给网站添加一些水平的滑块效果.能够自适应不同的屏幕尺寸,包括平板电脑和 ...

  6. Fixed Responsive Nav – 响应式的单页网站导航插件

    Fixed Responsive Nav 是一个响应式的,固定的,触摸友好的单页网站导航插件,响应式导航,流畅的动画滚动.该项目采用渐进增强构建,支持工作在 IE6 及以上版本的浏览器. 你可以给导航 ...

  7. jquery单页网站导航插件One Page Nav

    这是一个轻量级的jQuery的单页网站导航插件.增加了单击后平滑滚动导航和当你浏览不同的部分时自动选择正确的导航项. changeHash: false, 改变当用户单击导航,就改变changeHas ...

  8. 拥抱单页网站! jQuery全屏滚动插件fullPage.js

    不知道从什么时候开始,单页网站就悄悄走进人们的视线,尤其是国外的网站,更是钟爱单页网站.制作一个全屏滚动的效果,然后每个滚动页弄一个好看的背景色,配上一些描述性的文字,大家都喜欢这么弄,仿佛逼格瞬间可 ...

  9. SMINT:单页网站的免費jQuery插件

    最近为了做一个静态网页版的数据报告,不希望花很多时间去设计网页,或者花时间去调整布局,于是找到了一个名为Smint的免費jQuery插件.几乎不需要写什么代码就可以完成一个一页式网站.这非常适合用来制 ...

随机推荐

  1. Java报文或者同步的数据有个别乱码情况的处理.

    从其它系统获取到的用户数据,1万多条数据有其中有2条数据是乱码形式,这种形式表现为最后一个字符和本身的分隔符组成了一个乱码   错误数据 :  220296|+|黄燕 鄚+|7|+|7|+|02220 ...

  2. 只用一招让你Maven依赖下载速度快如闪电

    一.背景 众所周知,Maven对于依赖的管理让我们程序员感觉爽的不要不要的,但是由于这货是国外出的,所以在我们从中央仓库下载依赖的时候,速度如蜗牛一般,让人不能忍,并且这也是大多数程序员都会遇到的问题 ...

  3. 【京东详情页】——原生js爬坑之放大镜

    一.引言 在商城的详情页中,放大镜的功能是很常见的.这里京东详情页就要做一个仿放大镜的效果,预览如下: 二.实现原理 实际上,放大镜的实现是单纯用几个div,鼠标移入其中一个小图div,触发事件显示另 ...

  4. 《effective Go》读后记录

    一个在线的Go编译器 如果还没来得及安装Go环境,想体验一下Go语言,可以在Go在线编译器 上运行Go程序. 格式化 让所有人都遵循一样的编码风格是一种理想,现在Go语言通过gofmt程序,让机器来处 ...

  5. 接口测试——HttpClient工具的https请求、代理设置、请求头设置、获取状态码和响应头

    目录 https请求 代理设置 请求头设置 获取状态码 接收响应头 https请求 https协议(Secure Hypertext Transfer Protocol) : 安全超文本传输协议, H ...

  6. HDU1423 LCIS

    1,先离散化,然后DP: 注意这个解法中,dp[i][j][k]代表a序列中前i个和b序列中前j个数结尾为k或小于k时的最大. 但是由于i是单增(一次1->n),而j反复变化(多次1->m ...

  7. SAP问题【转载】

    1.A:在公司代码分配折旧表时报错? 在公司代码分配折旧表时报错,提示是"3000 的公司代码分录不完全-参见长文本" 希望各位大侠帮我看看. 3000 的公司代码分录不完全-参见 ...

  8. dig 命令使用

    1.简单查询 # dig www.guoxh.cn 2.按记录类型查询,默认为A记录 # dig www.guoxh.cn cname # dig www.guoxh.cn mx # dig www. ...

  9. day2_python的数据类型,sys,os模块,编码解码,列表,字典

    今天主要了解了python的数据类型,sys,os模块,编码解码,列表,字典 1.数据类型:int(python3没有长整型)文本总是Unicode,str表示二进制用byte类表示布尔型:True( ...

  10. Android基础知识笔记01—框架结构与四大组件

    -----------Andriod 01--------------->>> Andriod系统架构    linux内核与驱动层. 系统运行库层. 应用框架层. 应用层 内核驱动 ...