HTML5是新兴的web技术，虽然不是完全的新技术但是已经有很多的相关报道介绍HTML5，特别是当我们谈论HTML5将成为Flash的替代品。现代浏览器的快速开发已经刺激用户相应发展。毫无质疑，现在是学习HTML5的好时间，大多数的公司例如Google，Youtube，Facebook都已经开始使用HTML5来建站了。即日起，Helloweba.com开通HTML5/移动WEB应用频道，将为大家提 [...]

目前，WEB页面上没有标准的方式来播放音频文件，大多数的音频文件是使用插件来播放，而众多浏览器都使用了不同的插件。而HTML5的到来，给我们提供了一个标准的方式来播放WEB中的音频文件，用户不再为浏览器升级诸如AdobeFlash、AppleQuickTime等播放插件，只需使用现代浏览器就可以聆听任何可以发出声音的WEB网站。查看演示 下载源码WEB中的Audio标签HTML5定义 [...]

现阶段，我们要在网页中嵌入视频的最可靠最常用的办法是使用Flash，通过使用object和embed标签，就可以通过浏览器播放swf，flv等格式视频文件，但是前提是浏览器必须安装第三方插件：AdobeFlashPlayer。而HTML5的到来，改变了这一事实，WEB开发者只需要使用video标签就可以轻松加载视频文件，而不需要任何第三方插件。查看演示未来的WEB将可以在任何终端，任何平台只需 [...]

但凡从事互联网的人基本都会写几行html，用过Word的人用Dreamweaver也能做出规整的页面，所以大部分人会很自然地认为“页面的开发没什么技术含量，很简单”。不仅有这种普遍的认知，对从业者来说也有很多疑惑：做页面前端实现，没问题；兼容性，小case；图片集成，一直都在用...还能有什么问题？瓶颈啊、天花板啊、转型啊、出路啊就在从业者中广泛讨论。是不是真的没什么问题了呢？网易邮箱前端技术中心 [...]

抽奖程序在实际生活中广泛运用，由于应用场景不同抽奖的方式也是多种多样的。本文将采用实例讲解如何利用jQuery+PHP+Mysql实现类似电视中常见的一个简单的抽奖程序。查看演示本例中的抽奖程序要实现从海量手机号码中一次随机抽取一个号码作为中奖号码，可以多次抽奖，被抽中的号码将不会被再次抽中。抽奖流程：点击“开始”按钮后，程序获取号码信息，滚动显示号码，当点击“停止”按钮后，号码停止滚动，这时显示 [...]

在电视节目中有一种抽奖形式暂且叫做翻板抽奖，台上有一个墙面，墙面放置几个大方块，主持人或者抽奖者翻开对应的方块即可揭晓中奖结果。类似的抽奖形式还可以应用在WEB中，本文将使用PHP+jQuery为您讲解如何实现翻板抽奖程序。查看演示翻板抽奖的实现流程：前端页面提供6个方块，用数字1-6依次表示6个不同的方块，当抽奖者点击6个方块中的某一块时，方块翻转到背面，显示抽奖中奖信息。看似简单的一个操作过程 [...]

当我们在页面中填写个人资料中的省市信息时，页面会根据当前用户所在的城市自动选中省市下拉选项；当我们访问某个大型站点时，网站程序会自动进入到用户当前所在的城市频道。这些功能是如何实现的呢？今天我们来通过实例讲解如何根据IP定位用户所在城市信息。查看演示 下载源码根据当前用户本地IP地址，查询IP地址库，获取IP所在的省市信息，目前有多种方式实现该功能。1.调用新浪IP地址库新浪提供了开放的 [...]

使用HTML5的文件API，可以将操作系统中的文件拖放到浏览器的指定区域，实现文件上传到服务器。本文将结合实例讲解HTML5+jQuery+PHP实现拖拽上传图片的过程，来看下HTML5的魅力吧。查看演示HTML我们在页面中放置一个拖拽区域#drop_area，即接收拖拽的区域，#preview用来预览拖拽上传的图片信息。<div id="drop_area"& [...]

现在WEB页面设计比较流行使用大背景图，那么您知道如何使用一张大背景图进行拉伸效果呢？也就是说使用一张固定尺寸的背景图片，让它在页面中随着浏览器尺寸进行拉伸，就像我们的电脑桌面壁纸效果。本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。查看演示将背景图片拉伸，而不是平铺，注意平铺效果我们可以使用CSS的background-repeat来实行背景图片的平铺效果，本文讨论的是背景图片的拉伸 [...]

随着HTML5的深入人心，越来越多的新功能得以应用。HTML5与CSS3相结合可以非常简单的实现很多超酷的效果。本文为您讲解使用HTML5和CSS3打造自动获得焦点、支持语音输入的超酷的搜索框。查看演示HTML我们在页面中放置一个搜索表单form，在表单中分别有一个输入框以及一个搜索按钮。<form action="#" method="ge [...]