jquery懸停鎖定

這個imageswitch淡入淡出動畫有時鎖定，當鼠標懸停並離開'facebookblue.png'到位，直到下一個鼠標懸停？jquery懸停鎖定

$("#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插件，但我懷疑這是問題，因爲我得到同樣的問題時，只是改變的不透明度。

來源

2011-05-16 Nils

我猜ImageSwitch是這個原因。你應該向[作者]（http://www.hieu.co.uk/blog/index.php/imageswitch/）提交一個bug，希望他能修復它。可悲的是，jsFiddle失敗了，否則我會爲你創建一個切換器:) – mekwall 2011-05-16 09:02:35

爲什麼不用簡單的jQuery來改變src屬性的值？ – 2011-05-16 09:11:14

你可以只用CSS這樣做：將兩個img標籤內a一個默認隱藏，並打開:hover therir display財產。或者甚至更好地將它們組合在精靈中，然後更改背景位置。

來源

2011-05-16 10:24:22 Litek

這會使它動起來嗎？ – Nils 2011-05-16 10:36:53

對不起，速度部分已關閉。你可以做css動畫，但這隻能在現代瀏覽器中使用。 – Litek 2011-05-16 11:27:25

jquery懸停鎖定

回答

相關問題