2014-09-21 223 views
0

我一直在嘗試使用所有不同的代碼,但仍不能得到這個工作。我需要的只是在鼠標懸停時淡出圖像,並在鼠標懸停時淡出。不交換圖像。我只需要淡入淡出效果。Fadein鼠標懸停和淡出鼠標

在鼠標上淡入淡出就像一種魅力,但在鼠標上我的圖像不會正常淡出。我只需要在退出鼠標時將圖像恢復到原始狀態。

當我將鼠標移回圖像時,它有時會循環淡入和淡出效果。

請幫助=(

這裏是我的代碼:

<img src="images/adapter-vector.png" width="250" height="88" id="Image1" onmouseover="MM_effectAppearFade (this, 500, 100, 50, true)" Onmouseout="MM_effectAppearFade(this, 500, 50, 100, true)"> 
+0

嘗試'onmouseenter =「...」'和'onmouseleave =「...」'而不是mouseove r和moseout。 – theonlygusti 2014-09-21 19:12:48

回答

0

使用jQuery非常簡單

$("#Image1").hover(
    function() { 
    $(this).attr('src','image1.jpg'); 
    }, function() { 
    $(this).attr('src','image2.jpg'); 
    } 
); 

它不能去任何更簡單...希望它可以幫助!