学步园

这是一款使用CSS3实现的百叶窗式鼠标滑过hover图片动画效果。该CSS3百叶窗式鼠标hover图片动画效果当鼠标移动到图片上时，通过伪元素来制作方块移动效果，形成百叶窗组合运动效果。

这是一款css3鼠标经过动画特效。在该特效中，当鼠标经过图片时，图片略微放大，底部遮罩层出现，同时图片的描述文字和链接会以动画的方式出现在遮罩层之上，非常炫酷。

页面在向下滚动的时候，你想让页面元素产生细小的动画效果，从而引起浏览者注意力，那么你可以试试 WOW.js。WOW.js支持多种动画效果，让你的页面滚动效果更加有趣。

我们需要在一个有限尺寸的页面上展示多个导航菜单，可以使用下拉菜单、弹出式菜单等等。今天我要给大家演示的是可以使用CSS动画和jQuery来实现的弹出式全屏导航菜单效果。

Pushbar.js是一个小巧的Javascript插件，它可以用于在Web应用程序中创建滑动侧边栏效果，还提供模糊效果，就像开关抽屉的效果。你可以完全定制效果，它不依赖任何第三方库，你可以使用它作为侧栏菜单或者操作选项滑出效果。

prismjs 是一款轻量、可扩展的代码语法高亮库，使用现代化的 Web 标准构建，使用 Prismjs 可以快速为网站添加代码高亮功能，支持超过上百种编程语言，还支持多种插件，是简洁、高效的代码高亮解决方案。

浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置，这就导致如 果直接利用默认样式的页面在各个浏览器下显示非常不一致，于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。

弹出层用来向用户展示详细的信息，交互性非常强。弹出层有对话框、模态窗口等形式，这里我都把他们叫做弹出层，我的同事们也是这么叫的。一般我们喜欢使用比较成熟的弹出层插件如fancybox等，但在本文，我将先抛弃插件，给大家介绍如何使用HTML5+CSS3+jQuery实现弹

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

我们在设计页面的时候，经常要把DIV居中显示，而且是相对页面窗口水平和垂直方向居中显示，如让登录窗口居中显示。我们传统解决的办法是用纯CSS来让DIV居中。在本文中，我将给大家讲述如何用CSS和jQuery两种方法让DIV水平和垂直居中。