Jquery悬停锁定

此imageswitch淡入淡出动画有时会在鼠标移出时锁定，并将“facebookblue.png”保留在适当的位置，直到下一次鼠标移过

$("#facebookrollover").hover(function(){  
   $("#facebookimg").stop(true, true).ImageSwitch({NewImage:"facebookblue.png",  Speed:200});
},
function(){
   $("#facebookimg").stop(true, true).ImageSwitch({NewImage:"facebookgrey.png", Speed:400});
 });

以及html部分：

<a id="facebookrollover" href="http://www.facebook.com"><img id="facebookimg" src="facebookgrey.png" alt="Facebook" /></a>

---

哦，我使用的是imageswitch jquery插件，但我怀疑这是否是问题所在，因为我在更改不透明度时也遇到了同样的问题。

你只需要css就可以做到这一点：将两个

img

标记放置在

a

中，默认情况下隐藏一个，然后在

：hover

上切换r

display

属性。或者最好在sprite中组合它们，只需更改背景位置。

我想图像切换是造成这种情况的原因。你应该向他提交一个bug，希望他能修复它。遗憾的是，JSFIDLE已关闭，否则我将为您创建一个切换器：）为什么不使用简单的jquery更改src属性的值？这是否会使其动画化？抱歉，速度部分已关闭。您可以制作css动画，但这只适用于现代浏览器。