jQuery实现鼠标从不同方向进入,遮罩层进入的方向也不同效果

haibao 笔记 2015-05-21 15:35 489
君子惠而不费,劳而不怨,欲而不贪,泰而不骄,威而不猛。——尧曰

欢迎您,我猜是来自的朋友! 本文共124个字,预计阅读时间需要1分钟。

首先给大家推荐一个前端开发自学的网站:妙味课堂,他们官网整体效果都很炫喔。

正巧今天有个需求和妙味首页的效果一样:基于jQuery实现鼠标从不同方向进入,遮罩层进入的方向也不同的效果。于是就做了一个demo看一下。

演示效果请点击下方result查看:

本文标题:jQuery实现鼠标从不同方向进入,遮罩层进入的方向也不同效果

本文地址:http://www.hehaibao.com/jquery-modal-mouseenter-mouseleave/

版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>