第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

章節(jié)
問(wèn)答
課簽
筆記
評(píng)論
占位
占位

選項(xiàng)卡--選項(xiàng)卡的結(jié)構(gòu)

一個(gè)選項(xiàng)卡主要包括兩個(gè)部分,其一是菜單項(xiàng),其二是內(nèi)容面板。拿下面的示例來(lái)做演示。其HTML結(jié)構(gòu)如下:

<!-- 選項(xiàng)卡組件(菜單項(xiàng)nav-tabs)-->
<ul id="myTab" class="nav nav-tabs" role="tablist">
    <li class="active"><a href="#bulletin" role="tab">公告</a></li>
    <li><a href="#rule" role="tab">規(guī)則</a></li>
    <li><a href="#forum" role="tab">論壇</a></li>
    <li><a href="#security" role="tab">安全</a></li>
    <li><a href="#welfare" role="tab">公益</a></li>
</ul>
<!-- 選項(xiàng)卡面板 -->
<div id="myTabContent" class="tab-content">
    <div class="tab-pane fade in active" id="bulletin">公告內(nèi)容面板</div>
    <div class="tab-pane fade" id="rule">規(guī)則內(nèi)容面板</div>
    <div class="tab-pane fade" id="forum">論壇內(nèi)容面板</div>
    <div class="tab-pane fade" id="security">安全內(nèi)容面板</div>
    <div class="tab-pane fade" id="welfare">公益內(nèi)容面板</div>
</div>

關(guān)鍵一點(diǎn),選項(xiàng)卡中鏈接的錨點(diǎn)要與對(duì)應(yīng)的面板內(nèi)容容器的ID相匹配。

在Bootstrap框架中選項(xiàng)卡nav-tabs已帶有樣式,前面在介紹導(dǎo)航一節(jié)中有詳細(xì)介紹。而對(duì)于面板內(nèi)容tab-pane都是隱藏的,只有當(dāng)前面板內(nèi)容才是顯示的:

/*bootstrap.css文件第3758行~第3763行*/
.tab-content > .tab-pane {
    display: none;
}
.tab-content > .active {
    display: block;
}

運(yùn)行效果見(jiàn)最右側(cè)結(jié)果窗口:

但這個(gè)Tabs沒(méi)有任何交互功能,點(diǎn)擊選項(xiàng)卡不會(huì)進(jìn)行內(nèi)容的切換。不過(guò)不用急,接下來(lái)的內(nèi)容將告訴你如何實(shí)現(xiàn)內(nèi)容與選項(xiàng)卡之間的切換。

任務(wù)

?不會(huì)了怎么辦
||

提問(wèn)題

寫筆記

公開(kāi)筆記
提交
||

請(qǐng)驗(yàn)證,完成請(qǐng)求

由于請(qǐng)求次數(shù)過(guò)多,請(qǐng)先驗(yàn)證,完成再次請(qǐng)求

加群二維碼

打開(kāi)微信掃碼自動(dòng)綁定

您還未綁定服務(wù)號(hào)

綁定后可得到

  • · 粉絲專屬優(yōu)惠福利
  • · 大咖直播交流干貨
  • · 課程更新,問(wèn)題答復(fù)提醒
  • · 賬號(hào)支付安全提醒

收藏課程后,能更快找到我哦~

使用 Ctrl+D 可將課程添加到書簽

邀請(qǐng)您關(guān)注公眾號(hào)
關(guān)注后,及時(shí)獲悉本課程動(dòng)態(tài)

舉報(bào)

0/150
提交
取消
全部 精華 我要發(fā)布
全部 我要發(fā)布
最熱 最新
只看我的

手記推薦

更多

本次提問(wèn)將花費(fèi)2個(gè)積分

你的積分不足,無(wú)法發(fā)表

為什么扣積分?

本次提問(wèn)將花費(fèi)2個(gè)積分

繼續(xù)發(fā)表請(qǐng)點(diǎn)擊 "確定"

為什么扣積分?