公众账号

微信公众号二维码 微信扫描关注
来源:http://www.htmlsucai.com/thread-60345-1-1.html

[好玩特效] jQuery悬停图像褪色效果

244 [禁止匿名转载 禁止商业使用]
发表于 2019-7-8 10:07:36 | 显示全部楼层 |阅读模式
 不支持迅雷下载 重复下载不扣金币
jQuery悬停图像褪色效果.jpg
这是一款基于migrate图片褪色插件,通过鼠标悬停两张图片淡入淡出交叉切换的过程。使用简单方便。



使用方法:1、head引入js文件
1

2

3

<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引入部分
1

2

3

4

5

<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>






您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

最新素材
HTML素材网,HTML5模板,网页特效
Copyright©2017  HTML素材网  Powered by 智伙伴科技
  ( 鲁ICP备14029286号-3 )
返回顶部返回顶部
发布主题