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. mysql水平分表和垂直分表的优缺点

    表分割有两种方式: 1.水平分割:根据一列或多列数据的值把数据行放到两个独立的表中. 水平分割通常在下面的情况下使用. •表很大,分割后可以降低在查询时需要读的数据和索引的页数,同时也降低了索引的层数 ...

  2. JVM菜鸟进阶高手之路八(一些细节)

    转载请注明原创出处,谢谢! gc日志问题 查看docker环境的gc日志,发现是下面这种情况,很奇怪,一直怀疑是docker环境那里是否有点问题,并没有怀疑配置,之前物理机上面的gc日志都是正常那种. ...

  3. 一、js的数据类型

    一.数据类型 ECMAScript中有5种简单数据类型:Undefined.Null.Boolean.Number和String.还有一种复杂数据类型--Object.ECMAScript不支持任何创 ...

  4. Hive内置数据类型

    Hive的内置数据类型可以分为两大类:(1).基础数据类型:(2).复杂数据类型.其中,基础数据类型包括:TINYINT,SMALLINT,INT,BIGINT,BOOLEAN,FLOAT,DOUBL ...

  5. 关于 HashTable

    hashTable 的一些认识: 底层使用散列表,存贮键值对,键值非null 使用synchronize 保证线程安全 (线程安全) ■全局变量 //The hash table data. //底层 ...

  6. Django内置的用户认证

    认证登陆 在进行用户登陆验证的时候,如果是自己写代码,就必须要先查询数据库,看用户输入的用户名是否存在于数据库中: 如果用户存在于数据库中,然后再验证用户输入的密码,这样一来就要自己编写大量的代码. ...

  7. Beautiful Dream hdu3418 (直接做或二分)

    Beautiful Dream Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)T ...

  8. Palindrome poj3974

    Palindrome Time Limit: 15000MS   Memory Limit: 65536K Total Submissions: 3280   Accepted: 1188 Descr ...

  9. 【DP】捡苹果

    #include<stdio.h> int max(int a,int b) { int c; if(a>b) c=a; else c=b; return c; } int main ...

  10. win7+ ubuntu 双系统

    windows +linux双系统组合有多种方式,只要划好分区两者即可共处,本文是为了解决两者在启动时遇到的问题. 第三方启动器(例如grub,grub2,grub4dos等)