javascript(jQuery版)切换tab效果自动切换.doc

N久没上蓝色理想了，账号都忘记了。重新申请吧，哎、账号 密码填好下一步手机账号提示我这个号码之前注册过说我注册了某某账号通过提示想起账号了偶耶回复了个网友的tab切换的问题，纯javascript整的太复杂，看的累。整个jquery版的自动table切换吧。具体知识之前写table切换涉及一部分现在还需要setInterval() 方法会不停地调用函数。写的有点潦草，只图个效果实现，有些还不是很完善，也许你有简单更好的，欢迎与我一样分享。在线效果DEMO代码剖析javascript(jQuery版)切换table效果自动切换body,div,ul,li,a,h1,h2margin:0;padding:0ul,lilist-style-type:nonebodymargin:0 auto;font:12px/1.5 tahoma,arial,5b8b4f53;color:#828282;background:#fff.boxwidth:200px;height:200px;margin:0 auto;border:1px #ccc solid.box_titlewidth:100%;height:30px;float:left;line-height:30px;background:#ccc.box_title liwidth:50px;float:left;cursor:pointer;text-align:center.box_contentwidth:100%;height:200px;float:left.box_content liwidth:100%;float:left.ccwidth:50px;height:30px;float:left;display:block;color:#3e3e3e;background:#fff .j2,.j3,.j4display:none.cccolor:redjQuery吧javascript(jQuery版)切换table效果自动切换12341234$(document).ready(function() var o=0;var timeInterval=3000;var $cont=$(.box_content li);var $title=$(#box_title li);$cont.hide();$($cont0).show();function auto()o$cont.length-1?o+:o=0;$cont.eq(o).show().siblings().hide(); $title.eq(o).addClass(cc).siblings().removeClass(cc); set = window.setInterval(auto,timeInterval);$title.mouseover(function()window.clearInterval(set);o=$(this).index();$cont.eq(o).show().siblings().hide(); $title.eq(o).addClass(cc).siblings().removeClass(cc); set = window.setIn