时间:2021-05-26
直接先来个真相吧:
【HTML代码】
<div id="menu"><!--tag标题--> <ul id="nav"> <li><a href="#" class="selected">tab1</a></li> <li><a href="#" class="">tab2</a></li> <li><a href="#" class="">tab3</a></li> <div style="clear:both"></div> </ul><!--二级菜单--> <div id="menu_con"> <div class="tag" style="display:block"> 这是TAB切换效果区域1 </div> <div class="tag" style="display:none"> 这是TAB切换效果区域2 </div> <div class="tag" style="display:none"> 这是TAB切换效果区域3 </div> </div></div>
【js】
【CSS】
调用方法:
tabs.set("nav","menu_con");
代码下载 点击这里
这个实例只是简单实现了点击切换的效果,还有许多功能可以添加,大家一起动手实践一下吧。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
下面实例讲述了jQuery简单tab切换效果实现方法。$(document).ready(function(){$('.tabtitleli').click
本文实例为大家分享了js实现tab栏切换效果的具体代码,供大家参考,具体内容如下效果展示:源码展示:js实现tab栏切换*{margin:0;margin:0;
本文实例讲述了javascript的tab切换原理与效果实现方法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:#container{border:
本文实例讲述了jquery实现的仿天猫侧导航tab切换效果。分享给大家供大家参考。具体如下:这里演示jquery实现仿天猫侧导航tab切换效果,引入外部JS,若
本文实例讲述了JS基于myFocus库实现各种功能的tab选项卡切换效果。分享给大家供大家参考。具体如下:这里介绍使用myFocus-tab实现各种功能的选项卡