WEB技术分享

2012年11月05日作者：月光光标签：jQuery  Ajax  JSON  PHP  分页 

这是一个典型的Ajax应用，在页面上，您只需要点击“下一页”，数据区将自动加载对应页码的数据，重新刷新数据区。类似的效果在很多网站上应用，尤其在一些需要展示大量图片数据的网页如淘宝商品列表页，Ajax分页效果让您的网站数据加载显得非常流畅。阅读全文

2012年10月31日作者：月光光标签：jQuery 

我们玩网页微博时，消息提示框一直会出现在页面右上方，即使下拉滚动条它都会浮动定位在右上方，直到你关闭小时提示框。类似的效果在淘宝商品详情页面上也有，当我们下拉滚动页面时，用来导航切换的“宝贝详情”、“交易详情”等一排按钮会一直出现在浏览器顶部，方便我们切换导航。阅读全文

2012年10月29日作者：月光光标签：jQuery 

颜色拾取器（又名取色板）是为了方便用户在一些需要使用颜色的WEB应用中直观的选择所需的颜色，如论坛发帖时使用的编辑器中就应用到了颜色拾取器。本文将给大家介绍一款非常好用的基于jQuery的颜色拾取器，它可以轻松便捷的应用到你的项目中去。阅读全文

2012年10月17日作者：月光光标签：HTML5  文件上传 

使用HTML5的文件API，可以将操作系统中的文件拖放到浏览器的指定区域，实现文件上传到服务器。本文将结合实例讲解HTML5+jQuery+PHP实现拖拽上传图片的过程，来看下HTML5的魅力吧。阅读全文

2012年09月26日作者：月光光标签：JavaScript 

当我们在页面中填写个人资料中的省市信息时，页面会根据当前用户所在的城市自动选中省市下拉选项；当我们访问某个大型站点时，网站程序会自动进入到用户当前所在的城市频道。这些功能是如何实现的呢？今天我们来通过实例讲解如何根据IP定位用户所在城市信息。阅读全文

2012年09月23日作者：月光光标签：jQuery  PHP  Ajax  文件上传 

很多项目中需要用到即时上传功能，比如，选择本地图片后，立即上传并显示图像。本文结合实例讲解如何使用jQuery和PHP实现Ajax即时上传文件的功能，用户只需选择本地图片确定后即实现上传，并显示上传进度条，上传完成后，显示图片信息。阅读全文

2012年09月12日作者：月光光标签：jQuery  JSON  Ajax 

省市区联动下拉效果在WEB中应用非常广泛，尤其在一些会员信息系统、电商网站最为常见。开发者一般使用Ajax实现无刷新下拉联动。本文将讲述，利用jQuery插件，通过读取JSON数据，实现无刷新动态下拉省市二（三）级联动效果。阅读全文

2012年09月05日作者：月光光标签：HTML5  JavaScript 

利用HTML5的Canvas API可以完成我们以前意想不到的动画效果，以前我们想在网页上放置一个时钟，需要先用flash工具制作一个钟表，并写上复杂的ActionScript代码，然后载入到页面中。而HTML5的到来，我们可以直接在页面中使用canvas标签并配合javascript就可以完成一个漂亮的时钟。阅读全文

2012年08月16日作者：月光光标签：HTML5 

HTML5最伟大之处在于引入了画布Canvas。Canvas元素是为了客户端点阵图形而设计的，它本身没有绘图能力，但却把一个绘图API展现给客户端JavaScript以使脚本能够把想绘制的东西都绘制到一块画布上。本文将通过示例简单介绍canvas的绘图功能。阅读全文

2012年08月04日作者：月光光标签：PHP  jQuery  抽奖程序 

在电视节目中有一种抽奖形式暂且叫做翻板抽奖，台上有一个墙面，墙面放置几个大方块，主持人或者抽奖者翻开对应的方块即可揭晓中奖结果。类似的抽奖形式还可以应用在WEB中，本文将使用PHP+jQuery为您讲解如何实现翻板抽奖程序。阅读全文