标签:HTML5

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打造自动获得焦点、支持语音输入的超酷的搜索框。阅读全文

HTML5应用之文件拖拽上传

HTML5应用之文件拖拽上传

2012年10月17日作者:月光光

使用HTML5的文件API,可以将操作系统中的文件拖放到浏览器的指定区域,实现文件上传到服务器。本文将结合实例讲解HTML5+jQuery+PHP实现拖拽上传图片的过程,来看下HTML5的魅力吧。阅读全文

HTML5应用之时钟

HTML5应用之时钟

2012年09月05日作者:月光光

利用HTML5的Canvas API可以完成我们以前意想不到的动画效果,以前我们想在网页上放置一个时钟,需要先用flash工具制作一个钟表,并写上复杂的ActionScript代码,然后载入到页面中。而HTML5的到来,我们可以直接在页面中使用canvas标签并配合javascript就可以完成一个漂亮的时钟。阅读全文

HTML5之画布Canvas

HTML5之画布Canvas

2012年08月16日作者:月光光

HTML5最伟大之处在于引入了画布Canvas。Canvas元素是为了客户端点阵图形而设计的,它本身没有绘图能力,但却把一个绘图API展现给客户端JavaScript以使脚本能够把想绘制的东西都绘制到一块画布上。本文将通过示例简单介绍canvas的绘图功能。阅读全文

HTML5视频标签video

HTML5视频标签video

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

现阶段,我们要在网页中嵌入视频的最可靠最常用的办法是使用Flash,通过使用object和embed标签,就可以通过浏览器播放swf,flv等格式视频文件,但是前提是浏览器必须安装第三方插件:Adobe Flash Player。而HTML5的到来,改变了这一事实,WEB开发者只需要使用video标签就可以轻松加载视频文件,而不需要任何第三方插件。阅读全文

使用HTML5的Audio标签打造WEB音频播放器

使用HTML5的Audio标签打造WEB音频播放器

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

目前,WEB页面上没有标准的方式来播放音频文件,大多数的音频文件是使用插件来播放,而众多浏览器都使用了不同的插件。而HTML5的到来,给我们提供了一个标准的方式来播放WEB中的音频文件,用户不再为浏览器升级诸如Adobe Flash、Apple QuickTime等播放插件,只需使用现代浏览器就可以聆听任何可以发出声音的WEB网站。阅读全文