[235299] menu

219 Conversations | 2,860 Posts + (510 from users, 2,350 from bots) | 4 Uploaded Images +

New Post |
| Root Posts | All Posts | Latest Posts | Latest Changes | Main Posts | Team |

By Kritishankar02. Created 2020/11/16 12:06:56, modified 2020/11/16 12:34:04

Post type: HTML

Show as HTML page | Reply | Duplicate | Rename | History | Raw Text

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>

body{
	 font-family: sans-serif;
}

.dropdown {
  position: relative;
  display: inline-block;
  cursor: context-menu;
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 200px;
  background-color: #f1f1f1;
}

#dropdown-content {
  position: absolute;
  display:none;
  background-color: #f9f9f9;
  width:auto;
  height:200px;
  overflow: auto;
 
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  
  z-index: 1;
  
}

li a {
  display: block;
  border-bottom: 1px solid #555;
  color: #000;
  padding: 8px 16px;
  text-decoration: none;
}

li a:hover {
  background-color: #3399ff;
  color: white;
}

</style>
</head>
<body>
<div class="dropdown" onclick="myFunction()">
  <h1><b>&#x25BE;<b></h1>
  
  <div id="dropdown-content">
  <ul>
  <li><a href="#AudioInput">Audio Input</a></li>
  <li><a href="#AutoUpdate">Auto Update</a></li>
  <li><a href="#AutoUpdateOS">Auto Update OS</a></li>
  <li><a href="#AVORDemonstration">AVOR Demonstration</a></li>
  <li><a href="#AutoUpdate">Auto Update</a></li>
  <li><a href="#AutoUpdateOS">Auto Update OS</a></li>
  <li><a href="#AVORDemonstration">AVOR Demonstration</a></li>
</ul>

  
  </div>
</div>

</body>
<script>
function myFunction() {
   var x = document.getElementById("dropdown-content");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
</script>



</html>