需要添加淡入淡出效果的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();