How to make a full page JS and CSS menu


Tags: javascript,html,css,html5,menu

Problem :

To be more specific, how do we create a JavaScript menu with CSS styling that occupies the whole page, but the menu bar will be shown. There will be an icon on the top-left. Upon clicking that icon or symbol, the menu should appear and that image should glow. And after cliking it again, the menu goes away. I tried a lot but failed. I am just 14 year old. Please help me.

If there is something like that already which is open source, please post a link so that I can get on it.

UPDATE: I did it own my own.



Solution :

Try this site here which gives you different menu bars to choose from. all you need to do is download a menu and change the menu details inside the script so that you can change menu names, add more or fewer menu tabs, etc. It uses jquery and contains its own css page which you can manipulate.

In order to hide and show the menu, how about using something like a html tooltip, except for hovering over the button to open/hide the menu, you can set it so that if you click the button, it opens/hide the button ?


    CSS Howto..

    How to set a dynamic CSS value with JavaScript

    How to place the text in the top right corner and not show buttons when printing

    How to change div border automatically when more children are added to it

    ML - CSS How to align correctly a 'required' asterisk before la form label with the label text?

    How to access CSS generated content with JavaScript

    how to add style to form under echo statement by css [closed]

    How to compare two css files and copy just the differences?

    How do I make a div with guide lines?

    CSS exit box how to? [closed]

    Why does first slideshow image click skip transition and go straight to image?

    How to create a perspective shadow with CSS?

    Javascript: How can I undo the setting of element.style?

    How can I make images stack on top of each other as web page scales down?

    How to do Hanging Punctuation in HTML / CSS

    How to create a header which fills the background with a color throughout the width

    Upgrading to Ruby on Rails 3.1: How to solve image loading issues in CSS files?

    How to place two divs next to each other?

    How can I style a JavaFX menu and its items in CSS?

    How to change color of SVG image using CSS (jQuery SVG image replacement)?

    how can I combine button with input?

    How to create a completely flexible piano keyboard with HTML and CSS

    How can I get a button on the side of a text box to be perfectly aligned all the time?

    Angular 2 Materialize CSS Side-Nav Not Showing

    How to set the css properties with its own data-attributes?

    How to make child divs visible in tympanus.net's CSS Radio Checked Tab Method

    jquery hide and show for printing

    Create dom elem on the fly or hide/show

    How can I place html text on top of a canvas flot chart?

    How can I change CSS style definition to make border on specific div

    CSS Icons are working locally in the app, but are not showing on Heroku?