2016-01-14 83 views
2

我想在点击IMG时显示下拉菜单。Onclick功能不运行

这是我的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对于其他和func运行,但是当我想显示菜单时,该功能不会运行。你可以帮我吗?

预先感谢您。

+0

任何错误浏览器控制台? – gurvinder372

回答

5

您需要更新从

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

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

有两个问题,你的脚本错过的风格和脚本块没有正确关闭上

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