WEB技术分享

2015年04月10日作者：月光光标签：CSS3 

网页上发布产品时，一般都有几套价格方案，通常我们将几套方案放在一起，用户可以相互比较决定购买哪个套餐。最常见的是主机商发布产品价格信息页，本文结合实例给大家分享以纯CSS+HTML实现的价格表。阅读全文

2015年03月29日作者：月光光标签：jQuery 

有时在网页中要加入一个在线测试功能，例如在线调查，在线测试各类知识等应用，这类应用需要用到很多前后端技能。今天我给大家分享一个基于jQuery的前端应用——测试答题功能。阅读全文

2015年03月22日作者：月光光标签：CSS3 

我们知道HTML默认的复选框样式十分简陋，而以图片代替复选框的美化方式会给页面表单的处理带来麻烦，那么本文将结合实例带您一起了解一下使用CSS3将复选框checkbox进行样式美化，并且带上超酷的滑动效果。阅读全文

2015年03月14日作者：月光光标签：jQuery 

当您在电商购物网站浏览中意的商品时，您可以点击页面中的“加入购物车”按钮即可将商品加入的购物车中。本文介绍借助一款基于jQuery的动画插件，点击加入购物车按钮时，实现商品将飞入到右侧的购物车中的效果。阅读全文

2015年03月06日作者：月光光标签：jQuery  滑动 

有时我们在页面上需要选择数值范围，如购物时选取价格区间，购买主机时自主选取CPU，内存大小配置等，使用直观的滑块条直接选取想要的数值大小即可，无需手动输入数值，操作简单又方便。阅读全文

2015年02月26日作者：月光光标签：jQuery  滑动 

WEB开发中有时需要在页面上设置一个控制面板，默认是不显示的，当用户有需要时可以通过按钮触发调用面板展示。常见的有页面侧边滑出面板效果。本文将使用jQuery插件并结合实例给大家介绍一下面板滑动展示效果。阅读全文

2015年02月13日作者：月光光标签：CSS3 

Family tree（族谱），也称家谱，用来记录家族世系繁衍辈份关系。本文结合实例，不借助任何js脚本，使用纯CSS打造一个漂亮的Family tree（族谱），也可以应用的企业组织架构图中。阅读全文

2015年01月25日作者：月光光标签：HTML5  PHP  jQuery 

在上一篇文章中，我们了使用HTML5可以侦听到手机晃动从而实现摇一摇效果。手机摇一摇可以应用到很多场景中，如摇一摇换抽奖，摇一摇搜歌等。本文我将给大家介绍如何使用HTML5+PHP+jQuery实现手机摇一摇换衣效果。阅读全文

2015年01月18日作者：月光光标签：HTML5 

HTML5有一个重要特性：DeviceOrientation，它将底层的方向和运动传感器进行了高级封装，它使我们能够很容易的实现重力感应、指南针等有趣的功能。本文将结合实例给大家介绍使用HTML5的重力运动和方向传感器实现手机摇一摇效果。阅读全文

2015年01月13日作者：月光光标签：jQuery 

新产品上线或是改版升级，我们会在用户第一次使用产品时建立一个使用向导，引导用户如何使用产品，如使用演示的方式逐一介绍界面上的功能模块，从而提升了用户体验和产品的亲和力。阅读全文