标签:HTML5

标签:HTML5 共有33条记录

CSS3响应式导航菜单

CSS3响应式导航菜单

作者:月光光 时间:2014年01月17日 20:46标签:CSS3  HTML5  响应式 

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

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

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

作者:月光光 时间:2013年07月22日 20:41标签:html5  本地文件 

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

jQuery+HTML5声音提示

jQuery+HTML5声音提示

作者:月光光 时间:2013年06月14日 22:06标签:jquery  html5 

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

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

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

作者:月光光 时间:2013年01月09日 21:23标签:canvas  html5  图片旋转 

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

HTML5本地存储

HTML5本地存储

作者:月光光 时间:2012年12月19日 22:02标签:HTML5  本地存储 

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

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

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

作者:月光光 时间:2012年12月13日 20:09标签:HTML5  CSS3 

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

HTML5应用之文件拖拽上传

HTML5应用之文件拖拽上传

作者:月光光 时间:2012年10月17日 21:31标签:HTML5  文件上传 

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

HTML5应用之时钟

HTML5应用之时钟

作者:月光光 时间:2012年09月05日 22:41标签:html5  javascript  canvas 

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

HTML5之画布Canvas

HTML5之画布Canvas

作者:月光光 时间:2012年08月16日 21:03标签:html5  canvas 

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

HTML5视频标签video

HTML5视频标签video

作者:月光光 时间:2012年07月13日 15:51标签:html5  video 

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

顶部 反馈 二维码 底部
扫一扫

扫描二维码用手机看文章