折疊菜單，豎向的

2024-09-05 12:20:18

字體：大中小

來源：轉載

供稿：網友

折疊菜單，豎向的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>豎向的折疊菜單</title><script language = JavaScript>function showmenu(id) {	var list = document.getElementById("list"+id);	var menu = document.getElementById("menu"+id)	if (list.style.display=="none") {		document.getElementById("list"+id).style.display="block";		menu.className = "title1";	}else {		document.getElementById("list"+id).style.display="none";		menu.className = "title";	}} </script><style type="text/css"></style></head><body><div   class="iwvjtn8m0"   id="nav">				<div   id="iwvjtn8m0"   class="title" id="menu1" onclick="showmenu('1') ">Ajax下載</div>		<div   class="iwvjtn8m0"   id="list1" class="content" style="display:none">		     <ul>			 <li>jQuery</li>			 <li>Extjs</li>			 <li>Mootools</li>			 </ul>		</div>			<div   id="iwvjtn8m0"   class="title" id="menu2" onclick="showmenu('2')">網頁代碼</div>		<div   class="iwvjtn8m0"   id="list2" class="content" style="display:none">			 <ul>			 <li>菜單導航</li>			 <li>層和布局</li>			 <li>圖片切換</li>			 </ul>		</div>	</div></body></html>

上一篇：帶倒三角標記的WEB標準菜單

下一篇：一個網頁同時出現選項卡和滑動門的代碼