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

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

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

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

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

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

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

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

HTML5本地存储

HTML5本地存储

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

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

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的绘图功能。阅读全文

页面前端的水有多深?

页面前端的水有多深?

作者:Lemon 时间:2012年07月14日 12:13标签:web 

但凡从事互联网的人基本都会写几行html,用过Word的人用Dreamweaver也能做出规整的页面,所以大部分人会很自然地认为“页面的开发没什么技术含量,很简单”。不仅有这种普遍的认知,对从业者来说也有很多疑惑:做页面前端实现,没问题;兼容性,小case;图片集成,一直都在用...阅读全文

HTML5视频标签video

HTML5视频标签video

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

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

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

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

作者:月光光 时间:2012年06月13日 22:41标签:HTML5  audio  播放器 

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

响应式WEB设计:将导航菜单转换成下拉菜单以适应小屏幕设备

响应式WEB设计:将导航菜单转换成下拉菜单以适应小屏幕设备

作者:月光光 时间:2012年06月01日 13:45标签:HTML5  CSS3  jQuery 

移动互联网时代的到来,使得我们在进行页面设计与开发时,应当根据用户行为以及设备环境(系统平台、屏幕尺寸)进行相应的响应和调整,这个理念也叫响应式WEB设计。今天我将给大家讲解当屏幕尺寸变小时,将横向菜单转换成下拉菜单的效果。阅读全文

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

扫描二维码用手机看文章