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

jQuery鼠标感知方向图片遮罩动画代码

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-06-14
一款简单实用的jQuery鼠标感知方向图片遮罩动画代码,图片本身不带链接,鼠标悬停到图片上出现遮罩背景跟文字链接。


js代码

<script src="js/jquery.min.js"></script>
<script src="js/mouseMoving.js"></script>
<script>
/**
 *  $('.grid-content') 该元素为内容的父元素
 *  '.grid-shade'  	   该元素为鼠标移入移出的遮罩层
 */ 
$('.grid-content').mouseMove('.grid-shade')
</script>