久久资源网

jQuery悬停图像褪色效果

jQuery悬停图像褪色效果

2019-07-05 21:49:32 图片代码

售价:5.00积分 会员免费

特别声明:资源售价只是赞助,不代表代码或者素材本身点数。收取费用仅维持本站的日常运营所需!

jQuery悬停图像褪色效果

这是一款基于migrate图片褪色插件,通过鼠标悬停两张图片淡入淡出交叉切换的过程。使用简单方便。

使用方法

1、head引入js文件

<script src="js/jquery.min.js"></script>
<script src="js/jquery-migrate-1.2.1.min.js"></script>
<script src="js/fade.js"></script>

2、body引入部分

<div> 
	<img class="fade" src="images/who.jpg" style="background: url(images/who_ro.jpg);" alt="Who we are" /> 
	<img class="fade" src="images/who.jpg" style="background: url(images/who_ro.jpg);" alt="Who we are" /> 
	<img class="fade" src="images/t3b.jpg" style="background: url(images/t3a.jpg);" alt="Who we are" />
</div>

资源出处:https://www.moyublog.com/codes/12.html

关注微信