Advertisement
ipsBruno

(Javascript) Sub menus dinâmicos

Aug 19th, 2013
219
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <script>
  2.  
  3. /*
  4.  * Sub menus dinâmicos
  5.  * Um presente, para Carlos.
  6.  * Por Bruno da Silva
  7. */
  8.  
  9. function mostrarVirtuaMenu(parametro, sub_virtua )  {
  10.  
  11.     elemento = !sub_virtua ? (parametro.getElementsByTagName("div")[0]) : parametro;
  12.  
  13.     if("1" == elemento.getAttribute("mostrando")) return 0;
  14.  
  15.     elemento.style.display = "block" ;
  16.     elemento.setAttribute("mostrando", "1");
  17.  
  18.     return 1;
  19. }
  20.  
  21. function esconderVirtuaMenu(parametro, sub_virtua)  {
  22.    
  23.     elemento = !sub_virtua ? (parametro.getElementsByTagName("div")[0]) : parametro;
  24.  
  25.  
  26.     if("0" == elemento .getAttribute("mostrando")) return 0;
  27.  
  28.     elemento.setAttribute("mostrando", "0");
  29.  
  30.     setTimeout(function() {
  31.         if("0" == elemento .getAttribute("mostrando"))
  32.             elemento.style.display = "none" ;  
  33.     }, 500);
  34.  
  35.     return 1;
  36. }
  37.  
  38. </script>
  39.  
  40.  
  41. // EXEMPLO DE COMO USAR, PRESTA ATENCAO
  42.  
  43. <a href="#" onmouseout="esconderVirtuaMenu(this, 0)" onmouseover="mostrarVirtuaMenu(this, 0)">VIRTUA LINK1
  44.  
  45. <div style="display:none;" onmouseout="esconderVirtuaMenu(this, 1)" onmouseover="mostrarVirtuaMenu(this, 1)">SUB MENU DO LINK1</div>
  46.  
  47. </div>
  48.  
  49. <br/><br/>
  50.  
  51. <a href="#" onmouseout="esconderVirtuaMenu(this, 0)" onmouseover="mostrarVirtuaMenu(this, 0)">VIRTUA LINK2
  52.  
  53. <div style="display:none;" onmouseout="esconderVirtuaMenu(this, 1)" onmouseover="mostrarVirtuaMenu(this, 1)">SUB MENU DO LINK2</div>
  54.  
  55. </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement