javascript(jQuery版)切换tab后果主动切换.doc

N久没上蓝色理想了，账号都忘记了。 重新申请吧，哎、、、 账号 密码填好 下一步手机账号提示我这个号码之前注册过 说我注册了某某账号 通过提示想起账号了 偶耶 回复了个网友的tab切换的问题，纯javascript整的太复杂，看的累。 整个jquery版的自动table切换吧。 具体知识之前写table切换涉及一部分 现在还需要setInterval() 方法会不停地调用函数。 写的有点潦草，只图个效果实现，有些还不是很完善，也许你有简单更好的，欢迎与我一样分享。 在线效果DEMO 代码剖析 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=utf-8 / titlejavascript(jQuery版)切换table效果自动切换/title meta name=keywords content=jQuery切换,table切换,简洁轮换效果,自动切换 meta name=description content=jQuery吧,Write Less, Do More,重注前端开发,web前端开发 style type=text/css body,div,ul,li,a,h1,h2{margin:0;padding:0} ul,li{list-style-type:none} body{margin:0 auto;font:12px/1.5 tahoma,arial,\5b8b\4f53;color:#828282;background:#fff} .box{width:200px;height:200px;margin:0 auto;border:1px #ccc solid} .box_title{width:100%;height:30px;float:left;line-height:30px;background:#ccc} .box_title li{width:50px;float:left;cursor:pointer;text-align:center} .box_content{width:100%;height:200px;float:left} .box_content li{width:100%;float:left} .cc{width:50px;height:30px;float:left;display:block;color:#3e3e3e;background:#fff} .j2,.j3,.j4{display:none} .cc{color:red} /style /head body h1a href=/ target=_blank title=jQuery吧,前端开发,web前端,web前端开发,前端开发工程师,前端开发攻城师,设计,前端资源,html+CSS,JavaScript,Ajax,jQuery学习,html5,css3,浏览器兼容,网页布局制作jQuery吧/a/h1 h2a href=/jquery/xuanxiangkaqiehuan/auto.html target=_blankjavascript(jQuery版)切换table效果自动切换/a/h2 div class=box ul class=box_title id=box_title li id=j1 class=cc1/li li id=j22/li li id=j33/li li id=j44/li /ul ul class=box_content li class=j11/li li class=j22/li li class=j33/li li class=j44/li /ul /div script type=text/javascript src=/ajax/libs/jquery/1.7.1/jquery.min.js/script script type=text/javascript $(document).ready(function(){ var o=0; var timeInterval=3000; var $cont=$(.box_content li); var $title=$(#box_title li); $cont.hide(); $($cont[0]).sh