WEB技术分享

2013年03月13日作者：月光光标签：jQuery 

这是一个非常流畅的菜单展示效果，应用在亚马逊(amazon.cn)上，当你上下移动鼠标的时候，二级菜单会非常轻快的切换，没有任何延时，给用户如滑丝般的感觉。这种效果借助于一款jQuery插件menu-aim，本文将结合实例讲解如何实现速度超快的菜单效果。阅读全文

2013年03月02日作者：月光光标签：jQuery 

在布局页面时，有时会遇到大图片将页面容器“撑破”的情况，尤其是加载外链图片（通常是通过采集的外站的图片）。那么本文将为您讲述使用jQuery如何按比例缩放大图片，让大图片自适应页面布局。阅读全文

2013年01月09日作者：月光光标签：HTML5  JavaScript 

我们在微博上可以对图片进行向左转向右转等旋转操作，让用户可以从不同的视角欣赏图片效果。本文将结合实例为您讲解如何使用Javascript结合相关技术来实现图片的旋转效果。我们使用HTML5的canvas标签可对图片进行旋转操作，对于ie6，7，8不支持HTML5的浏览器，我们使用IE特有的滤镜效果来实现...阅读全文

2012年12月26日作者：月光光标签：jQuery 

我们在QQ聊天或者发表评论、微博时，会有一个允许加入表情的功能，点击表情按钮，会弹出一系列表情小图片，选中某个表情图片即可发表的丰富的含表情的内容。今天和大家分享一款基于jQuery的QQ表情插件，您可以轻松将其应用到你的项目中。阅读全文

2012年12月19日作者：月光光标签：HTML5 

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

2012年12月13日作者：月光光标签：HTML5  CSS3 

随着HTML5的深入人心，越来越多的新功能得以应用。HTML5与CSS3相结合可以非常简单的实现很多超酷的效果。本文为您讲解使用HTML5和CSS3打造自动获得焦点、支持语音输入的超酷的搜索框。阅读全文

2012年12月11日作者：月光光标签：jQuery 

timeago.js是一款基于jQuery的时间处理插件，它可以轻易的将时间戳转换成如：5分钟前，约3小时前这样的更友好易读的时间轴，而且使用timeago.js无需刷新页面即自动更新页面时间的显示。阅读全文

2012年11月26日作者：月光光标签：jQuery  CSS3 

现在WEB页面设计比较流行使用大背景图，那么您知道如何使用一张大背景图进行拉伸效果呢？也就是说使用一张固定尺寸的背景图片，让它在页面中随着浏览器尺寸进行拉伸，就像我们的电脑桌面壁纸效果。本文将带您一起使用jQuery和CSS实现背景图片拉伸效果。阅读全文

2012年11月22日作者：月光光标签：jQuery  PHP  Ajax 

有同学问我如何实现一个像美丽说那样的“我喜欢”评级功能，当用户看到自己喜欢的图片或文章时，点击“红心”按钮，系统会自动记录用户的点击，并将总数加1。这样再结合不同的系统，可以将此功能应用到投票或收藏商品中去（如淘宝的收藏商品）。阅读全文

2012年11月18日作者：月光光标签：jQuery  CSS3 

当用户浏览很长的页面时，可以通过点击页面右下角的“返回顶部”按钮直达页面顶部，以方便用户进行下一步操作。本文将使用jQuery结合CSS实现可以自由定制的各种“返回顶部”的效果。阅读全文