JS+Css伸縮菜單，紅色

2024-09-05 12:19:40

字體：大中小

來源：轉載

供稿：網友

JS+Css伸縮菜單，紅色，很好看。注：IE6下好像有點不正常，用的朋友自己修正下！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><title>伸縮的菜單-/</title><style></style><script language="javascript">function change(){	//通過父元素li，找到兄弟元素ul	var oSecondDiv = this.parentNode.getElementsByTagName("ul")[0];	//CSS交替更換來實現顯、隱	if(oSecondDiv.className == "myHide")		oSecondDiv.className = "myShow";	else		oSecondDiv.className = "myHide";}window.onload = function(){	var oUl = document.getElementById("listUL");	var aLi = oUl.childNodes;	//子元素	var oA;	for(var i=0;i</head><body><div   class="iwvjtn8m0"   id="navigation">	<ul id="listUL">		<li>Home</li>		<li>News        	<ul class="myHide">            	<li>Lastest News</li>                <li>All News</li>            </ul>        </li>		<li>Sports        	<ul class="myHide">            	<li>Basketball</li>                <li>Football</li>                <li>Volleyball</li>            </ul>                </li>		<li>Weather        	<ul class="myHide">            	<li>Today's Weather</li>                <li>Forecast</li>            </ul>        </li>		<li>Contact Me</li>	</ul></div></body></html>

上一篇：Js+Table網頁分類標簽(Tab)選項卡

下一篇：CSS鼠標感應的滑動門菜單