[jquery实例] 每隔一段时间自动更换样式

来源:互联网 发布:蓝科型材优化 编辑:程序博客网 时间:2024/05/08 20:56
$(document).ready(function(){    // 皮肤列表选项切换    $(".ulSkin li").click(function(){        $(this).addClass("active").siblings("li").removeClass("active");    });});// 皮肤背景切换function skin1(){    $("#skins").removeClass("skin0 skin2 skin3 skin4").addClass("skin1");}function skin2(){    $("#skins").removeClass("skin0 skin1 skin3 skin4").addClass("skin2");}function skin3(){    $("#skins").removeClass("skin0 skin1 skin2 skin4").addClass("skin3");}function skin4(){    $("#skins").removeClass("skin0 skin1 skin2 skin3").addClass("skin4");}function skin0(){    $("#skins").removeClass("skin4 skin1 skin2 skin3").addClass("skin0");}// 设定循环切换相隔时间$(window).load(function() {    setInterval("autochange()",3000);})// 设置一个判断计数器var count=0;// 根据计数器状态切换响应的皮肤function autochange() {    if (count==0) {        skin1();    }    if (count==1) {        skin2();    }    if (count==2) {        skin3();    }    if (count==3) {        skin4();    }    if (count==4) {        skin0();    }    count=count+1;    if (count>4) {        count=0;    }}
0 0
原创粉丝点击