Javascript淡入淡出图像 [英] Javascript fade image in and out
本文介绍了Javascript淡入淡出图像的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我对JavaScript很新,我需要一个非常简单的脚本来在循环中慢慢淡入和淡出图像。任何帮助将非常感激。
I am fairly new to JavaScript and i need a very simple script to fade an image in and out slowly on a loop. Any help would be much appreciated.
推荐答案
最简单的方法是使用jQuery:
The easiest way would be using 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/
您还可以通过传递更改淡入淡出持续时间参数
You can also change the fade duration by passing a parameter
// predefined slow (200ms)
$("#myImage").fadeOut("slow");
// predefined fast (600ms)
$("#myImage").fadeOut("fast");
// 1500 ms
$("#myImage").fadeOut(1500);
更新创建循环:
Update creating a loop:
function fadeIn()
{
$(this).fadeIn( fadeOut );
}
function fadeOut()
{
$(this).fadeOut( fadeIn );
}
fadeIn.call($("#myImage"));
这篇关于Javascript淡入淡出图像的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文