jQuery简单tab切换效果实现方法

时间：2016.04.18 发布人：xwaaizbysi
jQuery简单tab切换效果实现方法

已解决问题

谷歌xwaaizbysi用户在2016.04.18提交了关于“我的世界jQuery简单tab切换效果实现方法”的提问，欢迎大家涌跃发表自己的观点。目前共有1个回答，最后更新于2025-02-27T10:12:32。希望大家能够帮助她。

详细问题描述及疑问：期待您的答案，真心佩服你,谢谢 ！

希望以下的回答，能够帮助你。

第1个回答

用户名：**zy791130  

本文实例讲述了jQuery简单tab切换效果实现方法。分享给大家供大家参考。具体如下：

<scriptsrc="js/jquery-latest.js"></script><SCRIPTlanguage=抓弱物九重目准甲流川j**ascripttyp义引继谁轻帮e=text/j**ascript>$(document).ready(function(){$('.tabtitleli').click(func入依文凯支tion(){v胶阳陈争两次丰三钱arindex=$(this).index();$(this).att江提护超r('class',"tabhover").siblings('li').attr('class','taba')将微诉括吧括助树告创里;$('.tabc送结程味杆静受都赶小ontent').eq(index).show(200).季林答siblings('.tabcontent').hide();});vart=0;vartimer十武=setInte剂既席动析晚章动rval(function(){if(t==来自$('.tabtitleli').length)t=0;$('.tabtitleli:eq('+t+')').click();t++;},700)})</SCRIPT><di问答vclass="maintab"><ulclass伤煤讲卷开相单="tabtitle"><l程回iclass="tabhover"><ahref="#">选择标题1</a></li><liclass="taba"><ahref="#">选择标题2</a></li><liclass="taba"><ahref="#">选择段厂专规事买架序句印六标题3</a></l探行论鱼都机脱降散限危i><liclass="taba"><ahref="#">选择标题4</体微升己州五与a></li><liclass="taba"><ahref="#">选择标题5</a></li></ul><d照确危想弱爱案气ivclass="tabcontent">选择内容1</div><divclass="tabcontent"style="DISPLAY:none">选择内容2</div><divclass="tabcontent"style="DISPLAY:none">选择内容3</div><divclass="tabcontent"style="DISPLAY:none">选择内容4</div><divclass="tabcontent"style="DISPLAY:none">选择内容5</div></div>

希望本文所述对大家的jQuery程序设计有所帮助。