移动端TAB触屏切换效果

移动端TAB触屏切换效果

作者:月光光 时间:2015年10月15日 13:06标签:切换  移动 

我们使用移动端时可以通过触屏手势左右滑动来切换TAB栏目,如网易新闻等APP栏目切换。我们说的TAB一般由导航条和TAB对应的内容组成,切换导航条上的标签同时标签对应的内容也会跟着切换。本文将结合实例给大家介绍一个移动端TAB触屏切换效果。阅读全文

使用按钮控制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实现刮刮卡效果

使用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标签生效。阅读全文

PHP和JAVASCRIPT判断访客终端是电脑还是手机

PHP和JAVASCRIPT判断访客终端是电脑还是手机

作者:月光光 时间:2013年11月22日 23:58标签:php  javascript  移动应用 

当用户使用手机等移动终端访问网站时,我们可以通过程序检测用户终端类型,如果是手机用户,则引导用户访问适配手机屏幕的移动站点。本文将介绍分别使用PHP和JAVASCRIPT代码判断用户终端类型。阅读全文

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

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

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

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

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

扫描二维码用手机看文章