Javascript淡入淡出图像

Question

我对JavaScript很陌生，我需要一个非常简单的脚本来在一个循环中慢慢地淡入淡出图像。任何帮助将非常感激。

Answer 1

最简单的方法是使用jQuery：

<img src="..." id="myImage"> 


<script type="text/javascript"> 
jQuery(function(){ 

    // Fade In 
    $("#myImage").fadeIn(); 

    // Fade Out 
    $("#myImage").fadeOut(); 

}); 
</script> 

文档： http://api.jquery.com/fadeIn/

您还可以通过传递参数

// predefined slow (200ms) 
$("#myImage").fadeOut("slow"); 

// predefined fast (600ms) 
$("#myImage").fadeOut("fast"); 

// 1500 ms 
$("#myImage").fadeOut(1500); 

---

更新制作变更衰落期一个循环：

function fadeIn() 
{ 
    $(this).fadeIn(fadeOut); 
} 

function fadeOut() 
{ 
    $(this).fadeOut(fadeIn); 
} 

fadeIn.call($("#myImage")); 

Answer 2

有一个fadein function in jQuery

$('#imgName').fadeIn('slow');