博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js点击出现二级菜单,点击二级菜单主菜单换成二级菜单
阅读量:6676 次
发布时间:2019-06-25

本文共 1945 字,大约阅读时间需要 6 分钟。

点击出现二级菜单

*{				margin:0px auto;				padding:0px;				}			.yiji{				width:200px;				height:40px;				background-color:red;				color:#fff;				text-align:center;				line-height:40px;h				vertical-align:middle;				border:1px solid #FFF;				}			.erji1{				width:200px;				height:40px;				background-color:#F63;				color:#fff;				text-align:center;				line-height:40px;				vertical-align:middle;				border:1px solid #FFF;				}			#erji2{				display:none;                                }							#erji3{				display:none;                                 }							#erji4{				display:none;                                }			                            
首页
1
1
1
人才
1
1
1
市场
1
1
1

 

点击后主菜单换成点击的内容

#caidan{				width:200px; 				height:40px;				border:1px solid #999;				text-align:center;				line-height:40px;				vertical-align:middle;				}			.list{				width:200px; 				height:40px;				border:1px solid #999;				border-top-width:0px;				text-align:center;				line-height:40px;				vertical-align:middle;				display:none;				}			#caidan,.list:hover{				cursor:pointer;								}			.list:hover{								background-color:#63F;				}
中国
山东
济南
济宁
威海
淄博

 

function Show()		{			var list = document.getElementsByClassName("list");						//显示列表			for(var i=0;i

 

 

转载于:https://www.cnblogs.com/navyouth/p/8888051.html

你可能感兴趣的文章
Ubuntu下C语言连接MySQL
查看>>
.NET 中 Image 转 Icon
查看>>
因第三次月考而引起的
查看>>
数据库系统简介
查看>>
常用数据结构及复杂度
查看>>
IDEA调试方法总结及各种Step的区别
查看>>
简易图片轮播效果
查看>>
Spring Boot 数据库连接池 Druid
查看>>
NodeList对象的特点
查看>>
【转载】【原创】生命中,要有自己的一方晴天
查看>>
JQuery操作CheckBox和Radio
查看>>
快速求幂
查看>>
gulp初学
查看>>
JS设置localStorage有效期
查看>>
Ajax常用写法
查看>>
测试用例设计-WEB通用测试用例
查看>>
js中将数字和字符串相互转换的方法(转自脚本之家www.jb51.net)
查看>>
centos6.5-VMware虚拟机-双网卡绑定
查看>>
scala言语基础学习二
查看>>
《团队-科学计算器-项目总结》
查看>>