摘要: HTML5最伟大之处在于引入了画布Canvas。Canvas元素是为了客户端点阵图形而设计的,它本身没有绘图能力,但却把一个绘图API展现给客户端JavaScript以使脚本能够把想绘制的东西都绘制到一块画布上。本文将通过示例简单介绍canvas的绘图功能。 查看演示 下载源码 canvas拥有多种 阅读全文
posted @ 2016-08-03 13:55 好好学习的 阅读(321) 评论(0) 推荐(0) 编辑
摘要: 我们有时会在页面上加上背景音乐,允许用户自己开启和关闭背景音乐,尤其基于手机html5制作的多媒体页面,HTML5的audio音频标签可以获取音频的播放状态,通过触摸按钮就可以关闭和开启背景音乐。 查看演示 下载源码 HTML 建立一个HTML5页面,放置<audio>标签,设置音频文件源,设置循环 阅读全文
posted @ 2016-08-03 13:54 好好学习的 阅读(1974) 评论(0) 推荐(0) 编辑
摘要: 这是一个适合移动设备WEB应用的日期和时间拾取器,在桌面版的日期拾取器我们一般用jQuery UI的datepicker插件,而移动手机版的日期拾取器则可以根据项目需求选择与jQuery Mobile配合的mobiscroll.js插件,它提供了友好的日期和时间选择操作界面,且易于配置和使用。 查看 阅读全文
posted @ 2016-08-03 11:59 好好学习的 阅读(303) 评论(0) 推荐(0) 编辑
摘要: HTML5有一个重要特性:DeviceOrientation,它将底层的方向和运动传感器进行了高级封装,它使我们能够很容易的实现重力感应、指南针等有趣的功能。本文将结合实例给大家介绍使用HTML5的重力运动和方向传感器实现手机摇一摇效果。 查看演示 下载源码 DeviceOrientation包括两 阅读全文
posted @ 2016-08-03 11:57 好好学习的 阅读(975) 评论(0) 推荐(0) 编辑
摘要: 你玩过刮刮卡么?一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果,在PC上只需按住鼠标,在手机上你只需按住指头,轻轻刮去图层就可以模拟真实的刮奖效果。 查看演示 下载源码 我们利用HTML5的画布Canvas,结合其提供的API,在Canvas元素上绘制一个灰色蒙层,然 阅读全文
posted @ 2016-08-03 11:53 好好学习的 阅读(2216) 评论(0) 推荐(0) 编辑