Creating a Sliding javascript Menu

Developing Webs Tutorial Guidance For Building and Maintaining A Web Site and More

.

Javascript

Sliding Menu

By Cullen_tir

The sliding menu slides in with the click of a button and slides out with the click of a button. Copy the following buttons to use with your script by right clicking on these and select save as.

Click gif,,menu slids in or out ----------------   <HEAD>  <style> #menuShow{ border: 1px solid #666666; background-color: #111111; padding: 13px; font-size: 13px; font-family: Verdana, Arial; position: absolute; width: auto; height: auto; } #menuSelect{ border: 1px solid #666666; background-color: #111111; padding: 13px; font-size: 13px; font-family: Verdana, Arial; position: absolute; width: auto; height: auto; } </style> </HEAD>  <BODY>  <div id="menuSelect"> <a href="#" onClick="moveOnMenu();moveOffSelector()"> <img src="icon.gif" width="28" height="28" border="0"></a> </div> <div id="menuShow"> <a href="#" onClick="moveOffMenu();moveOnSelector()"> <img src="icon.gif" width="28" height="28" border="0"></a> <br> <br> <a href="http://www.your page.com">Menu Item A</a><br> <a href="http://www.your page.com">Menu Item B</a><br> <a href="http://www.your page.com">Menu Item C</a><br> <br> <a href="http://www.your page.com">Menu Item D</a><br> <a href="http://www.your page.com">Menu Item E</a><br> <br> <a href="http://www.your page.com">Menu Item F</a><br> <a href="http://www.your page.com">Menu Item G</a><br> <a href="http://www.your page.com">Menu Item H</a><br> </div>  <SCRIPT LANGUAGE="JavaScript">    </script>

"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright Â© 2001-2026 All Rights Reserved
Privacy and Legal