2014年01月17日作者：月光光

今天我给大家介绍一下如何使用纯CSS来实现的一个响应式导航菜单，我们使用的是HTML5+CSS3技术，当浏览器窗口变小或者使用手机浏览器访问的时候，原本横条菜单会收缩成一个下拉菜单，当鼠标滑向菜单时下拉展示全部菜单。阅读全文

2013年12月09日作者：月光光

搜索条在我们网站是必不可少的，尤其是在有限的页面空间里，放置一个重要的搜索条是个难题，今天我将结合实例给大家介绍一下如何使用CSS3和jQuery来实现一个可伸缩功能的搜索条。阅读全文

2013年11月16日作者：月光光

今天我给大家介绍一下如何使用CSS3来制作一个圆角阴影、渐变色的漂亮的按钮，它不需要任何图片和javascript脚本，只需要CSS3就可以轻松实现按钮效果，并且可以适用于任意HTML元素，想div，span，p，a，button，input等等。阅读全文

2013年04月14日作者：月光光

在一个单页面设置一个主菜单，当页面滚动时主菜单位置固定在页面窗口中不动，或左或右，或上或下。当单击菜单项时，页面滚动到菜单对应的内容区，当页面滚动到预定内容位置时，对应的菜单项变为当前选中样式。阅读全文

2012年12月13日作者：月光光

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

2012年11月26日作者：月光光

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

2012年11月18日作者：月光光

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

2012年06月01日作者：月光光

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

2011年08月23日作者：月光光

当要在页面上有限的区域内展示很多内容时，我们通常采用TAB切换、滚动等方式来达到展示效果。本例中，我们利用jQuery和CSS可以使页面内容产生垂直滚动的效果，还支持鼠标滚轮驱动。阅读全文

2011年02月24日作者：月光光

有时我们需要打印页面中的某一区域的内容，比如只打印页面中的表格部分，其他如页头和页脚都不需要打印。解决办法有多种，本文只探讨使用CSS和jQuery实现的方法。阅读全文