tab選項卡的基本實現

2021-08-09 01:14:32 字數 944 閱讀 6830

不多說,直接上**,比較簡單

lang="en">

charset="utf-8">

titletitle>

* li

#tab>ul

#tab>ul>li

#tabcon_1

#tabcon_2

#tabcon_3

style>

function

change

(num)

}script>

head>

id="tab">

onclick="change(0)">標題一li>

onclick="change(1)">標題二li>

onclick="change(2)">標題三li>

onclick="change(3)">標題四li>

ul>

div>

id="tabcon_0">

專案一li>

專案二li>

專案三li>

專案四li>

ul>

div>

id="tabcon_1">

相愛更難一li>

東條英機二li>

但是仍然推薦三li>

是讓人聽見li>

ul>

div>

id="tabcon_2">

但是一同進步 一li>

雖然挺好二li>

雙方通過合適三li>

瘦肉湯四li>

ul>

div>

id="tabcon_3">

都會有一li>

ui二li>

一三li>

規律四li>

ul>

div>

div>

body>

html>

實現Tab選項卡

今天自己在做選項卡的時候,想實現tab欄的背景和顏色隨著索引值改變,開始想的思路是想用css實現,當滑鼠hover上去的實現改變背景,自己覺得不太好,又說不出個所以然,想著前兩天在網易雲看的課程,現在有了用處。最後用js實現 下面是 選項卡 title link rel stylesheet hre...

tab 標籤選項卡

1.css body,div,ul,li body a link a visited a hover ul tab2 menubox menubox ul menubox li menubox li.hover contentbox 2.頁面 div 新聞列表1 wang wangding wang...

jquery實現Tab選項卡選單

預設選中 科技 當滑鼠懸停在 新聞 上時 科技 li li 新聞 li li 體育 li li 財經 li ul div class tab content div class active txt 伴隨著中國移動 微博 成功牽頭5g系統設計,其4g使用者的規模也達到了驚人的數量。在今日舉行的第七屆...