JavaScript Program to Create a Floating Menu

JavaScript Program to Create a Floating Menu

Write a JavaScript program to create a floating menu.



Source Code
<html>
<head>
    <title>Floating Menu</title>
    <style>
        .menu-container {
            position: fixed; 
            width:100px; 
            height:80px; 
            top: 10px; 
            right:10px; 
            border: 1px solid black;  
        }
    </style>
</head>
<body>
<div class="menu-container">
<div style="background-color: cyan;">MENU</div>
<a href="http://www.google.com">Google</a><br>
<a href="http://www.facebook.com">Faceboook</a><br>
<a href="http://www.youtube.com">Youtube</a><br>
</div>
Scroll page to see the effect of Floating menu
<br><br><br> <br><br><br> <br><br><br> <br><br><br>
<br><br><br> <br><br><br> <br><br><br> <br><br><br> 
Scroll page to see the effect of Floating menu
<br><br><br> <br><br><br> <br><br><br> <br><br><br>
<br><br><br> <br><br><br> <br><br><br> <br><br><br> 
Scroll page to see the effect of Floating menu
<br><br><br> <br><br><br> <br><br><br> <br><br><br>
<br><br><br> <br><br><br> <br><br><br> <br><br><br>
</body>
</html>
Output