我写了一个jquery脚本,允许我淡入淡出div,然后重复.代码工作正常.但是,当我尝试添加延迟时(我希望div在淡出之前保持几秒钟),它无法正常工作.我已经尝试在代码中的几个地方添加延迟,似乎没有正常运行.我正在使用Jquery版本1.9.1
这是我写的脚本:
$(document).ready(function(){
ShowPostDiv(0);
});
function ShowPostDiv(divIndex)
{
$(".home_entry_txt").hide();
if(divIndex >= $(".rotate_hide").length)
{
divIndex = 0;
}
var divPostHtml = $(".rotate_hide:eq("+divIndex+")").html();
$(".home_entry_txt").html(divPostHtml);
$(".home_entry_txt").fadeIn(3000, function(){
$(".home_entry_txt").fadeOut("slow");
});
divIndex++;
setTimeout("ShowPostDiv("+divIndex+")", 4000);
}
Run Code Online (Sandbox Code Playgroud)
enb*_*081 36
你可以写
$(".home_entry_txt").fadeIn(3000).delay(1000).fadeOut("slow");
Run Code Online (Sandbox Code Playgroud)
你试过.delay()吗?就像是:
$(".home_entry_txt").fadeIn().delay(200).queue(function(next) {
$(".home_entry_txt").fadeOut("slow");
});
Run Code Online (Sandbox Code Playgroud)
归档时间: |
|
查看次数: |
20867 次 |
最近记录: |