[jquery实例] 每隔一段时间自动更换样式
2015-06-18 12:48
701 查看
$(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; } }
相关文章推荐
- jquery中DOM的操作方法
- js+jquery
- jquery在线预览PDF文件,打开PDF文件
- 基于jQuery会员中心安全修改表单代码
- 插件五之滚动条jquery.slimscroll.js
- Jquery各Ajax函数:$.get(),$.post(),$.ajax(),$.getJSON() ~~~~~(转自残剑博客园)
- DataTable转json字符串,jQuery.parseJSON()把json字符串转为标准的json对象格式
- 初步认识JavaScript函数库jQuery
- jQuery全屏滚动插件fullPage.js
- jQuery遮罩插件jQuery.blockUI.js简介
- JavaScript/jQuery 表单美化插件小结
- 浅谈Jquery核心函数
- $.extend 的一个小问题
- jquery实战---标签页效果
- jquery实战---标签页效果
- jquery动画
- 浅谈Jquery核心函数
- 初步认识JavaScript函数库jQuery
- jQuery中$.fn的用法示例介绍
- jQuery 如何获取何设置 redio标签的值