我对JavaScript很新,我需要一个非常简单的脚本来在循环中慢慢淡入和淡出图像。任何帮助将非常感激。
答案 0 :(得分:4)
最简单的方法是使用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"));
答案 1 :(得分:0)
$('#imgName').fadeIn('slow');