Advertisement
Guest User

Untitled

a guest
Nov 14th, 2015
170
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.04 KB | None | 0 0
  1. var services={
  2. title:"Services",
  3. dropdown:["Buy","Sell","GTFO"]
  4. };
  5. var contacts={
  6. title:"Contacts",
  7. dropdown:["1","2","3","4"]
  8.  
  9. };
  10. var aboutUs={
  11. title:"About us",
  12. dropdown:["3","4"]
  13. };
  14. var menu=[services, contacts, aboutUs];
  15. var menuElements = [];
  16.  
  17. var ul = document.createElement("ul");
  18. document.body.appendChild(ul);
  19.  
  20. for(i in menu){
  21. var li = document.createElement("li");
  22. ul.appendChild(li);
  23. li.innerHTML=menu[i].title;
  24. menuElements.push(li);
  25.  
  26. if(menu[i].dropdown != null && menu[i].dropdown.length!=0){
  27. var ul2 = document.createElement("ul");
  28. li.appendChild(ul2);
  29. ul2.style.display="none";
  30.  
  31.  
  32. for(j in menu[i].dropdown){
  33. var li2 = document.createElement("li");
  34. ul2.appendChild(li2);
  35. li2.innerHTML = menu[i].dropdown[j];
  36. };
  37. }
  38. }
  39.  
  40. menuElements.forEach(function(currentMenuElement) {
  41. currentMenuElement.onmouseover = function() {
  42. var submenu = currentMenuElement.getElementsByTagName('ul');
  43. if (submenu.length > 0) {
  44. submenu[0].style.display='block';
  45. }
  46. };
  47. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement