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 一个每隔十秒自动切换,这样循环的效果的主要内容,如果未能解决你的问题,请参考以下文章