注册 登录 充值会员 退出
毕业设计 PHP源码
充值

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

作者/代码整理:  (转载请附加本文地址,带有“懒人原生”字样的谢绝转载) 发布日期:2018-06-14
jQuery鼠标感知方向图片遮罩动画代码
一款简单实用的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>