選項卡tab小例子

2021-08-03 15:44:30 字數 1217 閱讀 4320

無標題文件title>

* .all

.all

h1.all

h1span

.all

ulli

.all

ulli

.select

.all

h1span

.select

style>

head>

class='all'

id='box01'>

class='select'>新聞span>

經濟span>

科技span>

體育span>

h1>

class='select'>新聞的內容li>

經濟的內容li>

科技的內容li>

體育的內容li>

ul>

div>

class='all'

id='box02'>

class='select'>nbaspan>

足球span>

羽毛球span>

瑜伽span>

h1>

class='select'>籃球內容li>

足球的內容li>

羽毛球的內容li>

瑜伽的內容li>

ul>

div>

body>

html>

function

tab(id)

this.classname='select';

lis[this.index].classname='select';

// 第二步: 實現下半部分

// 排他思想: 將所有的li隱藏起來 然後再將當前滑鼠懸浮對應的li顯示出來

// for(var i=0;i//

// 尋找對應的女方

// lis[this.index].classname='select';}}

} tab('box01');

tab('box02');

script>

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...

實現Tab選項卡

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

tab選項卡切換問題

今天做了乙個tab選項卡切換的編碼,寫完,可以自動切換,但是滑鼠移入再移除,不再自動切換,看了就才發現是這裡出錯了 window.nl ad function change index 2000 auto function change curindex lists curindex classna...