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"));