标签:HTML5

HTML5+CSS3实现的响应式垂直时间轴

HTML5+CSS3实现的响应式垂直时间轴

2015年01月07日作者:月光光

网页时间轴一般用于展示以时间为主线的事件,如企业网站常见的公司发展历程等。本文将给大家介绍一款基于HTML5和CSS3的漂亮的垂直时间轴,它可以响应页面布局,适用于HTML5开发的PC和移动手机WEB应用。阅读全文

HTML5数字时钟之闹钟

HTML5数字时钟之闹钟

2014年10月19日

上一篇文章中,我们介绍了如何制作一个数字时钟,今天我要在本文中给大家介绍在数字时钟基础上增加设置闹钟响铃功能。本文中使用了HTML5的audio元素来调用响铃音频。阅读全文

使用HTML5实现刮刮卡效果

使用HTML5实现刮刮卡效果

2014年09月18日作者:月光光

你玩过刮刮卡么?一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果,在PC上只需按住鼠标,在手机上你只需按住指头,轻轻刮去图层就可以模拟真实的刮奖效果。阅读全文

跨浏览器兼容的HTML5视频音频播放器

跨浏览器兼容的HTML5视频音频播放器

2014年08月25日作者:月光光

HTML5的video和audio标签是用来在网页中加入视频和音频的标签,在支持html5的浏览器中不需要预先加载Adobe Flash浏览器插件就能轻松快速的播放视频和音频文件。而html5media.js可以在不支持html5的浏览器上使video和audio标签生效。阅读全文

CSS3响应式导航菜单

CSS3响应式导航菜单

2014年01月17日作者:月光光

今天我给大家介绍一下如何使用纯CSS来实现的一个响应式导航菜单,我们使用的是HTML5+CSS3技术,当浏览器窗口变小或者使用手机浏览器访问的时候,原本横条菜单会收缩成一个下拉菜单,当鼠标滑向菜单时下拉展示全部菜单。阅读全文

FileReader:读取本地图片文件并显示

FileReader:读取本地图片文件并显示

2013年07月22日作者:月光光

最近忙得比狗还惨,导致长时间没能更新文章,真心对不住啊。抽空整理了下关于在页面上读取和显示本地图片的实例文章,本文通过实例讲解如何使用支持FileReader浏览器的用户将能够通过一个file input选择一个图片文件,并不经过上传而直接将图片显示在页面中。阅读全文

jQuery+HTML5声音提示

jQuery+HTML5声音提示

2013年06月14日作者:月光光

WEB应用中,有时需要播放特定的声音,比如有新消息或者在线聊天消息声音提示,以前我们通过flash实现,今天我们将使用jQuery和HTML5结合示例来实现如何把声音提示带入WEB应用中。阅读全文

Javascript与HTML5的canvas实现图片旋转效果

Javascript与HTML5的canvas实现图片旋转效果

2013年01月09日作者:月光光

我们在微博上可以对图片进行向左转向右转等旋转操作,让用户可以从不同的视角欣赏图片效果。本文将结合实例为您讲解如何使用Javascript结合相关技术来实现图片的旋转效果。我们使用HTML5的canvas标签可对图片进行旋转操作,对于ie6,7,8不支持HTML5的浏览器,我们使用IE特有的滤镜效果来实现...阅读全文

HTML5本地存储

HTML5本地存储

2012年12月19日作者:月光光

HTML5带给我们的不仅仅是更多语义丰富的标签,还有更多新特性,比如本地存储。要在客户端保存用户一些数据,我们首选使用cookie,但是cookie最多只能存储4kb,而HTML5的本地存储localStorage可以存储5M的数据,这将对WEB开发以及移动终端应用带来革命性的转变。阅读全文

HTML5+CSS3打造可自动获得焦点和支持语音输入的超酷搜索框

HTML5+CSS3打造可自动获得焦点和支持语音输入的超酷搜索框

2012年12月13日作者:月光光

随着HTML5的深入人心,越来越多的新功能得以应用。HTML5与CSS3相结合可以非常简单的实现很多超酷的效果。本文为您讲解使用HTML5和CSS3打造自动获得焦点、支持语音输入的超酷的搜索框。阅读全文