首先非常感谢网友czqn8的无私分享，此作品也是他从天猫商城网站中整理出来分享给大家的，实现了jquery实现双图片切换特效，这种效果应用场景很广泛，现在越来越流行了，主要用在产品图片展示方面，放两张不同的图片，当鼠标悬浮到第一张图片时就马上滑动切换第二张，鼠标离开时就切换到第一张。。。
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);
})
})
效果如下：
如果您觉得本作品对您的学习有所帮助：
关键字：
网友czqn8 图片播放 滑动插件 天猫左侧分类导航 鼠标悬浮 悬停特效 图片特效