标签:HTML5

标签:HTML5 共有33条记录

图片上传和裁剪应用:Croppie

图片上传和裁剪应用:Croppie

作者:月光光 时间:2015年11月27日 15:30标签:上传  裁剪  HTML5 

在很多应用需要上传本地图片然后再按尺寸适当裁剪以符合网站对图片尺寸的要求。最常见的就是各用户系统要求用户上传和裁剪头像的应用。今天我给大家介绍的是一款基于HTML5和jQuery的图片上传和裁剪插件,它叫Croppie。阅读全文

使用按钮控制HTML5背景音乐开关

使用按钮控制HTML5背景音乐开关

作者:月光光 时间:2015年09月06日 22:44标签:html5  audio 

我们有时会在页面上加上背景音乐,允许用户自己开启和关闭背景音乐,尤其基于手机html5制作的多媒体页面,HTML5的audio音频标签可以获取音频的播放状态,通过触摸按钮就可以关闭和开启背景音乐。阅读全文

HTML5响应式可触控的音频播放器

HTML5响应式可触控的音频播放器

作者:月光光 时间:2015年05月23日 21:48标签:HTML5  audio  播放器 

HTML5的audio提供了音频播放功能,但是原生的播放器样式不怎么好看,而且各浏览器对audio的外观展现不统一。我们可以对audio稍微包装下,便可实现一个响应式的可触控的漂亮的播放器。阅读全文

HTML5获取地理位置定位信息

HTML5获取地理位置定位信息

作者:月光光 时间:2015年04月25日 11:20标签:html5  地理位置 

HTML5提供了地理位置定位功能(Geolocation API),能确定用户位置,我们可以借助HTML5的该特性开发基于地理位置信息的应用。本文结合实例给大家分享如何使用HTML5,借助百度、谷歌地图接口来获取用户准确的地理位置信息。阅读全文

HTML5+PHP+jQuery手机摇一摇换衣

HTML5+PHP+jQuery手机摇一摇换衣

作者:月光光 时间:2015年01月25日 15:39标签:html5  摇一摇  PHP  jquery 

在上一篇文章中,我们了使用HTML5可以侦听到手机晃动从而实现摇一摇效果。手机摇一摇可以应用到很多场景中,如摇一摇换抽奖,摇一摇搜歌等。本文我将给大家介绍如何使用HTML5+PHP+jQuery实现手机摇一摇换衣效果。阅读全文

HTML5手机重力与方向感应的应用——摇一摇效果

HTML5手机重力与方向感应的应用——摇一摇效果

作者:月光光 时间:2015年01月18日 18:29标签:html5  摇一摇 

HTML5有一个重要特性:DeviceOrientation,它将底层的方向和运动传感器进行了高级封装,它使我们能够很容易的实现重力感应、指南针等有趣的功能。本文将结合实例给大家介绍使用HTML5的重力运动和方向传感器实现手机摇一摇效果。阅读全文

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

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

作者:月光光 时间:2015年01月07日 15:13标签:html5  css3  时间轴 

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

HTML5数字时钟之闹钟

HTML5数字时钟之闹钟

时间:2014年10月19日 17:45标签:html5  jquery  时钟 

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

使用HTML5实现刮刮卡效果

使用HTML5实现刮刮卡效果

作者:月光光 时间:2014年09月18日 17:45标签:html5  抽奖  刮刮卡 

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

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

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

作者:月光光 时间:2014年08月25日 18:35标签:html5  播放器 

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

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

扫描二维码用手机看文章