javascript - Jquery/Javascript 循环 div 滚动条

标签 javascript jquery

我正在尝试制作 5 个永远循环进出的 div。 div 将有类“text1”“text2”“text3”等。这段代码有什么问题吗?好像不行。

$(document).ready(function(){
    var num = 1
    while(num =< 5) {
        $('.text' + num).fadeIn().delay(4000).fadeOut()
        var num = num ++i

        if(num == 5) {
            var num = 1
        }
        else{
            var num = num
        }
    }
});

最佳答案

利用 fadeOut 方法中的回调函数:

$(document).ready(function() {
    function fader(i) {
        $('div.text' + i).fadeIn('slow')
            .delay(4000).fadeOut('slow', function() {
                fader(i % 5 + 1);
            });
    }

    fader(1);
});

http://jsfiddle.net/mblase75/NXuVM/2/

关于javascript - Jquery/Javascript 循环 div 滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7880888/

相关文章:

javascript - 同位素数据过滤器在 Ajax 回调后不过滤

javascript - jQuery 中的 window.resize 多次触发

javascript - DOM Level 0 事件与 DOM Level 2 事件有什么区别?

javascript - 使用 JavaScript 从时间戳获取星期几

javascript - wordpress自定义javascript代码中的谷歌地图加载问题

chrome 插件中的 Javascript 有语法错误

Jquery表单验证插件,如何选择动态生成的输入元素进行验证?

javascript - 自定义自动播放进度条 - 动态宽度属性 - 在 Chrome 中不起作用

Javascript 日期给了我 EDT 但我想要 EST

javascript - 每第二次点击 JQuery FadeIn