How to Create an Anchor Menu

This tutorial will teach you how to create a anchor or jump menu from links. You can view a working one in the blue text below.

Instructions:

1. Create a menu.
2. In the area you would like the menu to jump create an anchor by doing the following.:
   <a name="toys" id="toys"></a> (with your own anchors and links of course.)
3. Then in your menu usually near the top of the page find the link name you want to jump and for the link address enter something like this:
   <a href="#toys">toys </a>

Example Menu

Welcome!

Click a link above to jump!

Curabitur sit amet ipsum tempor neque lacinia feugiat. Morbi malesuada blandit velit. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc ante lorem, consectetuer nec, tristique in, pulvinar in, dolor. Donec non est eget orci eleifend imperdiet. Etiam non pede. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec eu metus. Suspendisse felis enim, egestas vitae, suscipit eu, elementum a, neque. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam aliquam luctus magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. In volutpat elementum metus. Integer porttitor, velit in nonummy auctor, leo mauris sagittis libero, vel fermentum tellus tortor at velit.

Vivamus aliquet, lectus ut bibendum mattis, velit neque ullamcorper neque, quis porta elit ipsum et ante. Nunc vitae ipsum. Praesent blandit leo nec elit. In dictum elit nec quam. Vivamus dictum nibh at sem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed tellus. Morbi tristique imperdiet arcu. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed lorem tellus, sollicitudin sit amet, facilisis quis, rutrum vel, urna. Donec non nulla sit amet diam sodales dapibus. Cras porta. Quisque porta nulla a pede. Ut ultrices velit sit amet erat.

Toys (back to top)

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean auctor. Quisque placerat sollicitudin orci. Etiam ante dolor, pretium vel, scelerisque id, pharetra sed, odio. Mauris nec erat. Maecenas pretium. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In dapibus arcu in nulla. Aliquam tempor lectus eu velit. Morbi augue dolor, condimentum dignissim, interdum sit amet, hendrerit id, nisi. Duis euismod dictum dui. Ut interdum lectus eget tortor. Proin dolor metus, scelerisque a, scelerisque vitae, malesuada ac, elit. Nulla aliquam semper odio. Maecenas tempor felis at felis. Aliquam interdum sapien in mauris.

Nunc tellus. Nam id ipsum ac mauris dictum gravida. Aliquam interdum metus ac neque. In vitae lacus. Sed laoreet scelerisque magna. Donec mattis erat in lectus. Aenean enim massa, sodales nec, ultricies eget, consequat non, dui. Etiam pretium aliquet nisi. Nam vulputate nonummy magna. Morbi risus. Suspendisse potenti.

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Nunc fringilla metus vel sem. Nullam nec sem. Sed ultricies nisi vitae elit. Nulla pede purus, porta ut, vehicula at, sollicitudin id, lectus. Etiam lectus purus, sodales eget, ultricies vitae, tristique vitae, nibh. Integer interdum nibh eu sapien. Ut lacinia. Curabitur tincidunt bibendum massa. Suspendisse potenti.