JS筆記 4 選項卡案例

2021-09-24 08:15:20 字數 871 閱讀 9037

htnl+css基礎結構

複製**
"box" class="box">

"active">三花貓(three felinae),別名貓咪、家貓、野貓、土貓。是貓類的一種,世界各地均有分布。所謂的三花貓就是身上有 黑 、紅(橘)和白三種顏色的貓,故名為三色貓。

英國短毛貓,體形圓胖,四肢粗短發達,毛短而密,頭大臉圓,溫柔平靜,對人友善,極易飼養

所謂奶牛貓就是平時所說的黑白花。因為看起來像奶牛,所以就這麼叫。 奶牛貓是普通的家貓(中華田園土貓種),都是屬於雜交血統。

複製**

思路:

const lis = document.queryselectorall('#box>ul>li');

const divs = document.queryselectorall('#box>div');

let first = lis[0]; //

for (let i = 0; i < lis.length; i++) ;

};複製**

思路:

var lilist = document.queryselectorall('#box>ul>li');

var divlist = document.queryselectorall('#box>div');

for (var i = 0; i < lilist.length; i++) ;

this.classname = 'active';

divlist[this.myindex].classname = 'active';

};};

複製**

JS 選項卡效果案例

文字素材 房產 275萬購昌平鄰鐵三居 總價20萬買一居 200萬內購五環三居 140萬安家東三環 北京首現零首付樓盤 53萬購東5環50平 京樓盤直降5000 中信府 公園樓王現房 家居 40平出租屋大改造 美少女的混搭小窩 經典清新簡歐愛家 90平老房煥發新生 新中式的酷色溫情 66平撞色活潑家...

選項卡套選項卡

實現 項卡套小選項卡 項卡切換同時小選項卡也進行切換,且每次 項卡的切換是在小選項卡切換完後進行 大的外層的選項卡 大的選項卡內部有乙個小的選項卡 功能 自動切換 滑鼠經過切換 方案一 不可行 開兩個定時器,乙個控制外層選卡,乙個控制內層選卡。仔細分析發現,外層選項卡的切換是需要在內層選卡全部切換完...

js,選項卡效果

css樣式 parent parent span wrap span wrap span span wrap span.focus ul wrap ul wrap ul ul wrap ul first child ul wrap ul li ul wrap ul li ajs樣式 function...