javascript - 启动 jquery fadeToggle 隐藏

标签 javascript jquery html fade

我想使用 fadeToggle 自动淡入和淡出一些图像。它正在工作,但所有图像都开始“淡入”,我希望它们开始不可见,以便它们一张一张地出现。提前致谢!

    $(function () {
function run_animation($element, delay, duration) {
    $element.delay(delay).fadeToggle(duration, function () {
        run_animation($element, delay, duration);
    });
}
run_animation($('.pointer1'), 2000, 1000);
run_animation($('.pointer2'), 2500, 1000);
run_animation($('.pointer3'), 3000, 1000);
run_animation($('.pointer4'), 3500, 1000);
run_animation($('.pointer5'), 4000, 1000);

最佳答案

您尝试过使用 CSS 隐藏图像吗?尝试 display:none,如果需要,您可以在 show() 之后调用动画。

关于javascript - 启动 jquery fadeToggle 隐藏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15753361/

相关文章:

javascript - 使 Bootstrap 导航栏在滚动时折叠?

javascript - 在离开页面之前进行 GET 调用 - Javascript

html - 如何在 flexbox 布局中将 div 包装在父 div 中?

html - 将所有 <link rel ="stylesheet"或 "import"放入另一个 html 文件

javascript - JQuery - 使用函数中的值

javascript - 满足条件后如何获取嵌套数组的id?

Javascript 幻灯片形式 Jquery、Prototype 或纯 Javascript

javascript - 如何检测提交表单按钮被点击

javascript - 页面加载后提醒

javascript - foreach 未在事件 js 内执行