鼠标悬停时将图像与淡入/鼠标悬出时淡出交换图像

Question

标题说就是这一切...我已经使本教程创建了jquery鼠标悬停淡入淡出效果

但我想在同一次申请中申请 3 次......具有不同的图像，当我尝试这样做时，他变得不协调，并且第二图像排在第一位......

 <div class="AccordionPanelTab"><img src="images/tab_19.jpg" width="960" height="144" alt="zipperLogo" class="a" /><img src="images/main_over_06.jpg" width="959" height="144" alt="zipperHover" /></div>

Answer 1

已更新

给你

工作小提琴

$(".fadehover").on({
    mouseenter: function() {
        $(this).find('img').eq(0).stop().animate({"opacity": "0"}, "slow");
    },
    mouseleave: function() {
        $(this).find('img').eq(1).stop().animate({"opacity": "0"}, "slow");
    }
});