How can I recreate this effect?

[Rhino1616]

Hello,

There's a feature I noticed on a particluar website that I would like to recreate. The website is at:

http://www.pwww.com/index.htm

and then go to products\accessories. Under the accessories list there are 6 other products. The products are all on 1 page, & when cursor through the menu to the particluar item you want & you click on it you immediately jump to the place on the page where that item is showcased. I really like that feature. Can someone show how to recreate this or point me in the direction of a tutorial that will show me how. I also like the little "top button" at the bottom of the page that lets you jump up to the top of the page, if someone knows a good tutorial for this please feel free to let me know.

Thank you

 

[stscac]

Sure thing

Go Here:
http://dynamicdrive.com/dynamicindex1/topmen3/index.htm

And take a look at that. It seems it is like what you are looking for. It might not be the exact style you are looking for, but it is customizable...

There is also this one:
http://dynamicdrive.com/dynamicindex1/jimmenu/index.htm

This one looks pretty good to me, pretty concrete.

Let me know if you need any more examples; Look around dynamic drive (http://www.dynamicdrive.com) they have a lot of good (and customized) resources

-Steve

 

[shadow_boi]

i think rhinon is asking about something about accessories.htm#balltops, accessories.htm#garden.

Yea, they are all in one page. I cant recall what is the term for it.
but I am sure you can accomplish this effect using Dreamweaver easily

 

[stscac]

Silly me, ist late at night here, and I am dead tired.

What you are looking for are called "anchors"

To make an anchor, you are going to use (in HTML):

<!-- This is where you want the page to go to -->
<a name = "top">

.
.
.
.
.
.
.
.
<!-- This is the link on the bottom of the page to go back up to the top -->
<a href = "index.html#top">Go to Top</a>

<!-- Notice the "Anchor Link notated by the pound sign (#)-->
<!-- followed by the name of the anchor (top) -->

Hope that helps

Let me know if you need anything else...

-Steve

 

[Rowan W]

The [ i][ /i] tags (from the above post) should not be included in your code.

 

[stscac]

thanks I was just trying to emphasise how the anchor was implemented

-Steve

 

[Rhino1616]

Thanks guys :cy: