jQuery鼠标悬停逐渐加载遮罩阴影效果 -懒人源码

jQuery鼠标悬停逐渐加载遮罩阴影效果

作者/代码整理：懒人 (转载请附加本文地址，带有“懒人原生”字样的谢绝转载) 发布日期：2014-09-09

效果描述：

鼠标悬停后，逐渐加载一个图片阴影遮罩效果，主要采用jQuery的 fadeIn fadeOut 参数实现

默认遮罩层隐藏，鼠标移动到当前图片上后显示

鼠标移走后遮罩层消失

使用方法：

1、将index.html中的css样式复制到你需要的地方

2、将body中的html代码以及jQuery代码引入到你页面body结束前即可

(说明：文件中图片、jQuery库均采用绝对路径，所以不必担心路径问题)

声明：凡标题注明“懒人原生”二字，均为本站原创，非书面授权谢绝转载