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 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鼠标感应的滑动门菜单

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注