之前的一篇文章JS判断从哪个方向判断进入一个容器中提到了一个效果，通过计算鼠标位置以及一些数学方法，来判断鼠标是从哪个方向进入以及离开该容器的。今天我这里搜索到一个不错的实战效果，分享给大家。是基于jquery的一个插件。该效果出品人是老外，原文地址 该效果用到的几点技术，一个是css3的动画效果，这里不是采用的js的动画效果，所以兼容性存在不足。另外就是之前提到的针对进入方向的判断。

    前段时间有朋友问这个效果怎样实现的，今天我简单写一下教程，希望对大家有用，还有如果大家对页面中的什么效果感到疑惑，就请留言给我，我会尽力发上教程来和大家分享的。 首先看一下最终效果和分层： 1、 背景色设置为#280021，新建图层，利用钢笔工具画如下图形，填充颜色，然后图层样式中的渐变叠加设置如下： 2、 新建图层，用椭圆工具在图形上面建一个选区，然后填充白色，如图。 3、取消选区，选择“滤镜”“高斯模糊”把白...

    我不得不承认在网页设计中我是一个钟情于“hover”或者“mouseover”功能（即悬停效果）的狂热分子。任何一个点击或者弹出窗口都会吸引作为消费者的我。我注意到一些零售商创造性地利用这种效果，远不止一般的图片放大或者弹出菜单。以下是我大爱的一些收集。