需要添加淡入淡出效果的Javascript編輯

Question

淡入淡出效果是否可以添加到此javascript？目前它只是在第一個div懸停時將圖像加載到另一個div，但不起作用。提前致謝。

​​

Answer 1

使用jQuery

http://api.jquery.com/fadeIn/

<div id="fade"></div> <!-- make sure this is initially hidden --> 

<script type="text/javascript"> 
    $('#fade').fadeIn('slow', function() { 
    // When animation is complete, it runs this function 
    }); 
</script> 

fadeOut：在現有的代碼http://api.jquery.com/fadeOut/

Answer 2

簡單的變化

include jquery plugin before your javascript code and change 

顯示功能

displayDiv.style.visibility = "visible"; to displayDiv.fadeIn('slow'); 

隱藏功能

displayDiv.style.visibility = "visible"; to displayDiv.fadeOut();