Jquery 一个每隔十秒自动切换,这样循环的效果

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery 一个每隔十秒自动切换,这样循环的效果相关的知识,希望对你有一定的参考价值。

http://pan.baidu.com/s/1mgEBKLU
求大神帮帮,谢谢

JS部分修改成下面这样就可以了


function switchContent() 
    $(this).addClass("on").siblings("li").removeClass("on");
    $ ('.con .txt:eq(' + $(this).index () + ')').fadeIn("slow").siblings ().fadeOut();

function autoSwitch() 
    setInterval(function()
        var next = $('.focus .on').next();        
        if(next.length == 0) 
            next = $('.focus li:first');
        
        switchContent.call(next);
    , 2000);

$(".focus li").click(function () 
    switchContent.call(this);
);
autoSwitch();

参考技术A 覆盖你写的js

<script>
var a=1,time=10000,s;
function test()
if(a == 3)a=0;
$('.con .txt').fadeOut('slow').filter(':eq('+a+')').fadeIn('slow');
$(".focus li").removeClass("on").filter(':eq('+a+')').addClass("on");
a++;
s=setTimeout(test,time);


s=setTimeout(test,time);
$(".focus li").click(function ()
$(this).addClass("on").siblings("li").removeClass("on");
$ ('.con .txt:eq(' + $ (this).index () + ')').fadeIn("slow").siblings ().fadeOut();

clearTimeout(s);
var b=$(".focus li"),c=b.index(this);
a=c+1;
s=setTimeout(test,time);
);

<!-- 点击3按钮就是再减628px -->
</script>

R语言ggplot2可视化X轴标签互相覆盖如法识别解决:x轴上每隔十年显示一个时间值将时间信息从因子或者字符转化为数值则ggplot2会自动优化X轴标签的显示

R语言ggplot2可视化X轴标签互相覆盖如法识别解决:x轴上每隔十年显示一个时间值、将时间信息从因子或者字符转化为数值则ggplot2会自动优化X轴标签的显示

目录

以上是关于Jquery 一个每隔十秒自动切换,这样循环的效果的主要内容,如果未能解决你的问题,请参考以下文章

Jquery点击,循环切换Class的效果

JQUERY的TAB标签,我想实现5秒钟自动切换的效果,怎么做

jQuery实现

jQuery轮播图练习

vue分页列表轮询解决方案

Android 滑动切换(首页展示,图片新闻自动切换,循环切换,自动和手动)