jquery实现双图片切换特效

来源:https://www.sucaihuo.com/js/1912.html 2017-05-09 16:43浏览(290) 收藏

实现了jquery实现双图片切换特效,这种效果应用场景很广泛,现在越来越流行了,主要用在产品图片展示方面,放两张不同的图片,当鼠标悬浮到第一张图片时就马上滑动切换第二张,鼠标离开时就切换到第一张。。。
jquery实现双图片切换特效
分类:其它特效 > jQuery插件 难易:初级
查看演示 下载资源 下载积分: 20 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

首先引用文件

<script type="text/javascript" src="js/jquery.min.js"></script>

jquery功能代码如下:

$(function(){ var aLi = $('#sidebar ul li'); var oImg,aP; aLi.hover(function(){ oImg = $(this).find('.imgBox'); aP = $(this).find('p'); oImg.stop().animate({ left:-180 },450); aP.eq(0).stop().animate({ top:24 },450); aP.eq(1).stop().animate({ top:0 },450); },function(){ oImg.stop().animate({ left:0 },450); aP.eq(0).stop().animate({ top:0 },450); aP.eq(1).stop().animate({ top:24 },450); }) })

标签: 双图片切
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2