0

我是 jquery 的新手，我在运行此代码时迫切需要一些帮助。我正在尝试在 div 标签内创建一个带有 4 个图像的淡入淡出图像横幅，借助函数 fadingbanner() 递归调用自身并且是由 settimeout 函数启动。但由于某种原因它不起作用。请帮助....

<HTML>
<HEAD>
<script type= "text/javascript" src="C:\Documents and Settings\A\Desktop\jquery-1.9.1.js"></script>
<SCRIPT>

<div>

<img src = "C:\Documents and Settings\A\Desktop\web_files\temp1.jpg"   id = "i1">

<img src = "C:\Documents and Settings\A\Desktop\web_files\temp2.jpg"   id = "i2">

<img src = "C:\Documents and Settings\A\Desktop\web_files\temp3.jpg"   id = "i3">

<img src = "C:\Documents and Settings\A\Desktop\web_files\temp4.jpg"   id = "i4">

</div>

function fadingbanner()
{
$(document).ready(function(){
$("#i1").fadeOut(2000,function(){
$("#i2").fadeIn(2000,function(){
$("#i2").fadeOut(2000,function(){
$("#i3").fadeIn(2000,function(){
$("#i3").fadeout(2000,function(){
$("#i4").fadeIn(2000,function(){
$("#i4").fadeout(2000,function(){ 
fadingbanner();

});
});
});
});
});
});
});

}
</SCRIPT>
</HEAD>
<BODY>
<IMG NAME = "bannerimage" src = "C:\Documents and Settings\A\Desktop\web_files\temp1.jpg" height = "200" width = "600" onload = "settimeout("fadingbanner()",1000)">
</BODY>
</HTML>
4

1 回答 1

0

取出该功能，它应该可以正常工作。它只是定义一个函数，从不运行它。如果它确实运行了它，它所要做的就是安排代码在文档完成加载时运行。

您还想在开始时隐藏除第一张图片之外的所有图片。

所以它应该是这样的：

$(document).ready(function(){
    $("#i2, #i3, #i4").hide();
    $("#i1").fadeOut(2000,function(){
        ... all that other stuff
    });
});

这是一个显示它的小提琴：http: //jsfiddle.net/ePBkX/1/

我从附在此的小提琴中借用了图片，您可能想阅读：jQuery淡出然后淡入

于 2013-06-05T17:52:46.500 回答