鼠標懸停圖片更改

-1

我正在嘗試在mouseover上進行模糊圖片更改。有些東西，像相機放大和縮小，其他放大時，某些東西會變得模糊。最好的方法來理解我想要的是在這裏看到它： http://berger.co.rs/test/test.html 鼠標懸停圖片更改

而我只有一個問題。鼠標懸停圖像始終位於活動圖像的後面。我需要只有活動圖像，並在應用鼠標懸停時更改圖像。另外，我不希望活動圖像總共消失，然後加載鼠標懸停圖像。我需要它像上面的例子，只是沒有在所有的時間顯示鼠標懸停圖像。

您可以在頁面源代碼中看到完整的代碼。

你能幫我嗎？

2015-07-10 vlada

請重新制定...你的問題是非常混亂 –

請看看示例站點。有兩個圖像在另一個之上。我只需要圖像1（活動圖像）淡出，圖像2淡入圖像1的位置。當前情況是：圖像2落後於圖像1，鼠標懸停圖像1淡出，圖像2剛剛停留在那裏。在mouseOut圖像1上再次淡入，但圖像2根本不消失。我想要相同的效果，只有圖像2淡出鼠標。 – vlada

我有。仍然令人困惑。 –

首先歡迎＃1，作爲一個新的用戶，請閱讀本指南所以你可以要求更好，得到更好，更快的答案：

https://stackoverflow.com/help/how-to-ask

請避免在註釋代碼。如果有人要求您提供其他代碼，請將其包含在問題中。

現在的答案：

的問題就是，你沒有爲$提供jQuery的（）命令工作。「alturl.com/bcfhv」不正確。

這裏，把這個文件，它的工作：

<html> 
<body> 
<style> 
    div{ 
     position:relative; 
     width:714px; 
     height:420; 
     overflow:hidden; 
    } 
    span { 
     position:absolute; 
     top:0px; 
     left:-0px; 
    } 
</style> 
<div> 
    <img src="http://berger.co.rs/test/img/mouseover.png" width="714" height="421"/> 
    <span> 
     <img src="http://berger.co.rs/test/img/active.png" width="714" height="421"/> 
    </span> 
</div> 

<script src="https://code.jquery.com/jquery-1.9.1.min.js"></script> 
<script> 
    $(document).ready(function() { 
     alert('ok') 
     $("div").hover(function() { 
      $("span").fadeIn(); 
     }, function() { 
      $("span").fadeOut(); 
     }); 
    }) 
</script> 

</body> 
</html>

還是看它的工作here

來源

2015-07-10 14:02:23

謝謝你的回答。這個例子仍然不能正常工作。但是非常感謝你的時間。 – vlada

np ...不客氣 –

鼠標懸停圖片更改

回答

相關問題