怎么利用js或jquery实现tab效果类似浏览器多窗口多标签的效果
1个回答
2016-10-01 · 百度知道合伙人官方认证企业
育知同创教育
1【专注:Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址:北京市昌平区三旗百汇物美大卖场2层,微信公众号:yuzhitc】
向TA提问
关注
展开全部
最好使用插件,网络上搜索jquery tabs,免费的轻量级的很多。
如果非要手工的话也可以,只是相对麻烦。
如:
<ul>
<li><a href="#one">第1个tabs</a></li>
<li><a href="#two">第2个tabs</a></li>
<li><a href="#three">第3个tabs</a></li>
</ul>
<div id='one'>第1个tabs内容</div>
<div id='two' style='display:none;'>第2个tabs内容</div>
<div id='three' style='display:none;'>第3个tabs内容</div>
在点击第二个tabs的时候,将其他1和3的内容div隐藏掉,显示出id='two'的div就好了。不过css得自己写。挺麻烦的。
如果非要手工的话也可以,只是相对麻烦。
如:
<ul>
<li><a href="#one">第1个tabs</a></li>
<li><a href="#two">第2个tabs</a></li>
<li><a href="#three">第3个tabs</a></li>
</ul>
<div id='one'>第1个tabs内容</div>
<div id='two' style='display:none;'>第2个tabs内容</div>
<div id='three' style='display:none;'>第3个tabs内容</div>
在点击第二个tabs的时候,将其他1和3的内容div隐藏掉,显示出id='two'的div就好了。不过css得自己写。挺麻烦的。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询