jquery翻转图像移动位置（jquery-hover）

我是jquery noob，遇到图像停留在位置时遇到问题。我有一个jquery-hover函数，它捕获图像的src属性，并将其替换为名为“over”的属性值。实际的图像替换工作正常，但是当mouseenter事件触发时，翻转图像在y轴下方约出现10％。我正在寻找一个完整的重叠“替换”一个图像与另一个没有翻转图像出现在不同的位置。这里的功能：jquery翻转图像移动位置（jquery-hover）

function createRollovers() 
{ 
    var origImg =""; 
    $(".swapImage").hover (
    function() { 
     origImg = ($(this).attr("src")); 
     $(this).attr("src", ($(this).attr("over"))); 
    }, 
    function() { 
     $(this).attr("src", origImg); 
    } 
); 
}

HTML如下：

<div id="rightSide"> 
    <img class="swapImage" over="images/principlesBar_hover.jpg" src="images/principlesBar.jpg" /> 
    <img class="swapImage" over="images/processBar_hover.jpg" src="images/processBar.jpg" /> 
    <img class="swapImage" over="images/productsBar_hover.jpg" src="images/productsBar.jpg" /> 
</div>

我敢肯定，这是一件很简单的是更有经验的人会在心跳看到的。预先感谢您的帮助。

来源

2011-01-28 phiNole

听起来像你悬停图像具有不同的尺寸......他们是完全一样的大小？ – 2011-01-28 05:55:50