一些javascript的小例子希望对初学者有更好的帮助

源代码在线查看: 11.4 下拉菜单.htm

软件大小: 405 K
上传用户: liuhai
关键词: javascript 初学者
下载地址: 免注册下载 普通下载 VIP

相关代码

				
				
				下拉菜单
				
				mynav
				
				//为各个菜单项定义鼠标事件
				startList = function() 
				{
				if (document.all&&document.getElementById) {
				  navRoot = document.getElementById("mynav");//找到菜单根目录
				    for (i=0; i				    {
				        node = navRoot.childNodes[i];
				        if (node.nodeName=="LI") {
				            node.onmouseover=function() {
				            this.className+=" over"; }
				             node.onmouseout=function() {
				            this.className=this.className.replace(" over", ""); }
				     }
				   }
				 }
				}
				window.onload=startList;
				
				
				
				body 
				{  font: normal 11px verdana;  }
				ul {
				  margin: 0;
				  padding: 0;
				  list-style: none;
				  width: 150px; 
				  border-bottom: 1px solid #ccc;
				  }
				ul li 
				{  position: relative;  }
				li ul {
				  position: absolute;
				  left: 149px; 
				  top: 0;
				  display: none;
				  }
				
				/* 菜单项的样式 */
				ul li a {
				  display: block;
				  text-decoration: none;
				  color: #777;
				  background: #fff;
				  padding: 5px;
				  border: 1px solid #ccc;
				  border-bottom: 0;
				  }
				* html ul li { float: left; height: 1%; }
				* html ul li a { height: 1%; }
				li:hover ul, li.over ul { display: block; }
				
				
				
				
				 
				 首页 
				 帮助 
				  
				 历史 
				 团队 
				 办公室 
				  
				  
				 客服 
				  
				 网页设计 
				 网络销售 
				 站点服务 
				 区域服务 
				  
				  
				 联系方式 
				  
				 国家 
				 城市 
				 地址 
				 电话 
				  
				  
				 
				
				
							

相关资源