代碼

Title

.item .header{

height: 35px;

background-color: #2459a2;

color: white;

line-height: 35px;

}

.hide{

display: none;

}

菜單一內容一內容一內容一菜單二內容二內容二內容二菜單三內容三內容三內容三

function ChangeMenu(nid) {

var current_header= document.getElementById(nid)

var item_list = current_header.parentElement.parentElement.children;

for(var i=0;i

var current_itme = item_list[i];

current_itme.children[1].classList.add('hide');

}

current_header.nextElementSibling.classList.remove('hide')

}

展示

總結

以上是生活随笔為你收集整理的html的左侧菜单栏,HTML 之 左侧菜单的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。