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

{
??? //方法一。代碼最簡潔。JQuery方式。記得head里加上jquery引用哦。
?? /*-----
??? ?$("p").on("click",function(){
??? ???? $(this).next().slideToggle(500);??
??})
?}
-----*/
?//方法二。效果：同方法一，點(diǎn)擊后之前展開的p不折疊 。
??? /*---
??? var ps=document.getElementsByTagName("p");
????? var uls=document.getElementsByTagName("ul");

? if(ps.length=uls.length){
???? for(i=0;i<ps.length;i++){
??????? ps[i].id=i;
??????? ps[i].onclick=function(){
??????????? if(uls[this.id].style.display=="block"){
??????????? uls[this.id].style.display="none";???
??????????? }
??????????? else{
??????????? uls[this.id].style.display="block";???
??????????? }
??????? }
???? }
?? }
}
----*/
//方法三。效果：折疊。
??? var p=document.getElementById("menu").getElementsByTagName("p");
?var ul=document.getElementById("menu").getElementsByTagName("ul");
? ? for(i=0;i<p.length;i++)
??? {
??p[i].aa=i;
??p[i].onclick=function()
??????? {
???for(j=0;j<ul.length;j++)
??????????? {
????ul[j].style.display="none";
???? }
????????? ul[this.aa].style.display="block";
??}
?}
}

tab切換分為四類：劃過切換；點(diǎn)擊切換；延遲切換；自動(dòng)切換；

tab選項(xiàng)卡的學(xué)習(xí) 在js中還有遮罩層

網(wǎng)頁特效

Ok

選項(xiàng)卡

// 封裝id函數(shù) function $(id) { return typeof id === 'string' ? document.getElementById(id) : id; } //加載 window.onload = function() { var index = 0; var timer = null; var titles = $("notice-title").getElementsByTagName("li"); var divs = $("notice-content").getElementsByTagName("div"); if(titles.length != divs.length) return; for(var i = 0; i < titles.length; i++) { titles[i].id = i; titles[i].onmouseover = function() { // 如果存在準(zhǔn)備執(zhí)行的定時(shí)器，立刻清除，只有當(dāng)前停留時(shí)間大于500ms時(shí)才開始執(zhí)行 if(timer){ clearTimeout(timer); timer=null; } timer = setTimeout(() => { for(var j = 0; j < titles.length; j++) { titles[j].className = ""; divs[j].style.display = "none"; } this.className = "select"; divs[this.id].style.display = "block"; }, 400) } } }