Question

我想在点击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更改为其他和功能运行，但是当我想显示菜单时，该功能不会运行。你能救我吗？

提前谢谢。

Answer 1

您需要从

更新

document.getElementById("naveg").visibility = "visible";

到

document.getElementById("naveg").style.visibility = "visible";

Answer 2

有两个问题，您的脚本错过了样式并且脚本块未正确关闭

<script>
  function menu_mov(){
  document.getElementById("naveg").style.visibility = "visible"; 
  }
</script>

Onclick功能不运行

2 个答案: