Connect_logo_6.png 退出
前端视频教程 小程序 众筹源码 python 商城源码 商城模板 响应式模板 中文模板 手机模板 企业源码
充值

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

作者/代码整理:懒人  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2014-09-09
效果描述:
鼠标悬停后,逐渐加载一个图片阴影遮罩效果,主要采用jQuery的  fadeIn fadeOut 参数实现
默认遮罩层隐藏,鼠标移动到当前图片上后显示
鼠标移走后遮罩层消失
使用方法:
1、将index.html中的css样式复制到你需要的地方
2、将body中的html代码以及jQuery代码引入到你页面body结束前即可
(说明:文件中图片、jQuery库均采用绝对路径,所以不必担心路径问题)