Sliding Menu3. Make Your Menu |
|
Join the DiscussionMore of this FeatureTo create the menu that will actually appear you just need to copy the following HTML and insert it immediately after the body tag on your page. The part of the code shown in bold needs to be included exactly as shown. You substitute the links for your own menu for the part not in bold.
<div id="smenu"><div
id="sleft">
<a href="blsmenu.htm">Part 1: Introduction</a><br /> <a href="blsmenu1.htm">Part 2: The Script</a> </div><div id="sright"><a href="#" onclick="return slide();return false;" >M<br />E<br />N<br />U</a></div></div> You can include as many menu entries as you like and the menu will take up more space down the page. It will only take up 50 pixels of space horizontally except when it is opened out onto the page at which time it will be 250 pixels wide.
Introduction | The Script | Make Your Menu
|
Explore JavaScript
Must Reads
More from About.com
Lower Cholesterol
How to lower yours and eat healthy.Dog Care
Get tips on training and caring for dogs of all ages.48 Hours in Vegas
Plan a hot weekend in Sin City.Just for Grads
Celebrate the graduate in your life.
©2008 About.com, a part of The New York Times Company.
All rights reserved.