问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

一个导航栏,当鼠标点击时显示隐藏内容,我在css里用display:none给隐藏了,

发布网友 发布时间:2022-05-31 11:01

我来回答

2个回答

热心网友 时间:2023-10-13 17:28

先var一个a= document.getEgetElement已经隐藏的那个div或者内容。
然后a. onclick=function(){
a.style.display="block";

}
注释:点击a时,调用匿名方法=a的样式,display变成block
百度知道这类问题很多,随便复制粘贴。我不给你全写出来,是授人以鱼不如授人以渔,自己理解,然后再写出来。追问实在改不出来呀,可否再多教一点

实在改不出来呀,可否再多教一点

热心网友 时间:2023-10-13 17:29

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
ul,li {
list-style: none;
}
a {
text-decoration: none;
color: #fff;
}
nav {
width: 120px;
}

li {
text-align: center;
line-height: 40px;
}

li a {
height: 40px;
display: block;
background: linear-gradient(#fd6145, #f79483, #fd6145); /* 线性渐变 */
}

.drop-down {
background: #fa9c8b;
color: #fff;
height: 0;
overflow: hidden;
transition: all .3s;
}
</style>
</head>
<body>
<nav>
<ul>
<li>
<a href="javascript:;">首页</a>
</li>
<li>
<a href="javascript:;">语言</a>
<div>
<div>HTML</div>
<div>CSS</div>
<div>JS</div>
</div>
</li>
<li>
<a href="javascript:;">框架</a>
<div>
<div>jQuery</div>
<div>Vue</div>
<div>React</div>
</div>
</li>
<li>
<a href="javascript:;">后端</a>
<div>
<div>NodeJS</div>
<div>MySQL</div>
</div>
</li>
</ul>
</nav>

<script>
var as = document.querySelectorAll('li a');

for(var i = 0; i < as.length; i++) {
as[i].onclick = function() {
if(this.parentNode.children[1]) {

var next = this.parentNode.children[1];

// 获取 drop-down 的所有子节点
var children = next.children;

if(next.offsetHeight == 0) {
next.style.height = 40 * children.length + 'px';
} else {
next.style.height = '0';
}
}
}
}
</script>
</body>
</html>
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
十亿韩元折合人民币是多少阿? 邮政银行卡余额查询 邮政储蓄查询余额怎么查 艰难 的国运与雄健的国民读后感500(把以前与现在作对比) 初一下册人教版 艰难的国运与雄健的国民 读后感300字 今日头条哪个版本的有电脑版电脑版今日头条怎么下载 今日头条在电脑上如何安装今日头条怎样就安装到电脑上了 如何评价武庙? 武经总要前集概述 武经总要军事思想 我有个层被我用style=&quot;display:none;&quot;隐藏了,怎么点击一个文字让层显示? asp.net 用display: none隐藏后,为什么用display = &#39;block&#39;无法显示 display none 隐藏后怎么显示 想吃饺子 有人出来吃饺子吗 求包饺子的手法!!尽可能详细有图一步一步来,饺子皮有了,想自己包饺子当早餐吃!! 用图像表示我想吃饺子 你朋友圈发的那是兰博基尼吧,嗯,是,是什么歌曲? 自降身价、转身电气化的玛莎拉蒂还是那个曾经的“跑车皇后”吗? 一部电影,主角富二代,开的是橙色兰博基尼,他有家精神病院让病人摇微信然后他泡,他跟朋友吃饭,朋友抱 乐高兰博基尼专属证书如何获取 一个富二代开兰博基尼,被碰瓷,一个电话叫来人就开始砸车,然后拍照片!发微信朋友圈。是什么电影 兰博基尼毒药怎么弄到微信头像上 微信上一个女性朋友在朋友圈发了开着车的视频,我问老板开的什么车她回答开着兰博基尼呀,我要怎么回复她 兰博基尼Urus召回967辆 发动机舱存在起火隐患 存安全隐患 兰博基尼召回部分Urus/Aventador 兰博基尼微信背景, 驱魔穿什么最好 地下城50驱魔该穿什么套装? 驱魔师带什么装备 我经常叫女朋友做家务,每次都要吵架 ,应该怎么解决? 信用卡年费扣了300 客服说刷满六笔会还 那这里300我要先还款吗? 我的招商银行标准青年版young卡信用卡突然昨天收了300块的年费?我同一账户的卡足够刷六次啊? 农村建房网上审批平台 我们公司人员很多,而且老板和部门领导经常出差,我们如何实现远程审批或者网上审批 DNF里物驱魔该穿什么衣服?重甲?还是什么? 戴尔笔记本电脑 如何检测键盘功能是否正常 dnf驱魔师穿什么甲防御高? 双修驱魔师穿什么装备好 现在的版本驱魔到底玩力驱好还是法驱好?穿什么装备? 驱魔穿什么甲最好 怎样选择羊毛衫 购买笔记本电脑时,怎么检测显示器和键盘啊? 牡蛎怎么洗净 铁路车辆的车轮轴是什么轴 请问“车轮钢轴”是指什么东西?是轮胎中间的圈,还是连接各个轮胎的轴?是图上的绿色部分还是红色部分? 汽车:带动轮胎的那根轴的内部结构是怎么的? 买的二手车车子轮胎轴芯坏了是不是事故引起的? 肌肉疼痛,走路摔跤,日常该怎么缓解? 汽车连接轮胎的转轴两侧是一边粗的吗? 汽车的轮胎轴是什么材料做的