我希望淡出一个元素,然后淡出系列中的下一个元素。
有人可以评论为什么这段代码不起作用吗?它淡出第一个元素,然后同时淡入接下来的 3 个元素。
<p id="ptag1">
Display this first
</p>
<p id="ptag2" style="display:none;">
Display this second
</p>
<p id="ptag3" style="display:none;">
Display this third
</p>
<p id="ptag4" style="display:none;">
Display this fourth
</p>
<script language="JavaScript" type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var numberoflines = 5;
var o;
$(document).ready(function () {
for (i=1; i < numberoflines; i++)
{
fadeoutelement(i);
o = i + 1
fadeinelement(o);
}
});
function fadeoutelement(i) {
setTimeout("$('#ptag" + i + "').fadeOut(500)", 700);
}
function fadeinelement(o) {
setTimeout("$('#ptag" + o + "').fadeIn(500)", 1200);
}
</script>