我想在点击IMG时显示一个下拉菜单。
这是我的javascript函数
<script language='javascript'> function menu_mov(){document.getElementById("naveg").visibility = "visible"; }
这是我的HTML代码
<img id="menu_movil" onclick="menu_mov()" alt="menu" src="images/iconos/menu_movil.png" />
<h3>Telf: 944 128 112
<br>
C/ Padre Esteban Pernet, 1 bajo, (Esq. C/Karmelo) Bilbao
</h3>
</div>
<nav id="naveg">
<ul>
<li class="actual menu"><a class="boton" href="inicio.html">Inicio</a></li>
<li class="menu"><a class="boton" href="tratamientos.html">Tratamientos</a></li>
<li class="menu"><a class="boton" href="galeria.html">Galería</a></li>
<li class="menu"><a class="boton" href="novias.html">Novias</a></li>
<li class="menu"><a class="boton" href="indiba.html">Indiba</a></li>
<li class="menu"><a class="boton" href="beauty-party.html">Beauty Party</a></li>
<li class="menu"><a class="boton" href="contacto.html">Contacto</a></li>
</ul>
</nav>
这是我的CSS代码
#naveg{
visibility: hidden;
position: absolute;
margin-top: -80px;
background-color: #000000;
}
#menu_movil{
display: block;
width: 25px;
margin: -25px 0px 0px -15px;
}
.menu{
display: block;
border-left: 0px;
line-height: 15px;
width: 150px;
}
我尝试将IMG更改为其他和功能运行,但是当我想显示菜单时,该功能不会运行。你能救我吗?
提前谢谢。
答案 0 :(得分:5)
您需要从
更新document.getElementById("naveg").visibility = "visible";
到
document.getElementById("naveg").style.visibility = "visible";
答案 1 :(得分:2)
有两个问题,您的脚本错过了样式并且脚本块未正确关闭
<script>
function menu_mov(){
document.getElementById("naveg").style.visibility = "visible";
}
</script>