Current style on one-page menu?

JavaScript
1

Hi

Does anyone know how i can put a current style to a link in my menu even tho its a one page design? otherwise i usually put a class=“current” to the correct links in the different files.

Anyone know how to this? I guess i have to use JS aswell?

2

You’ve lost me … if it’s only one page, why do you need a menu?

3

its one-page but with different sections, with anchors and a scrolleffect. Surerly u have seen onepage designs before?

4

[font=verdana]Ah, gotcha. Yes, in that case the easiest way would probably be to set an onClick on each of the links that would (a) clear the ‘current’ style from any other menu link, and (b) apply the ‘current’ style to that menu link.

If you’re not sure how to do that with Javascript then let me know and we can move this thread over to that part of the forum.[/font]

5

Okey, yeah would be nice if you could move the thread as i don’t know how to do that with Javascript=)

thx

6

Easiest way would be to use jQuery and a scrolling plugin (such as localScroll).

Here’s an easy to follow tutorial..

HTH

7

Thx very much will check it out=)

EDIT: Maby i was unclear in my topic. I do have the site and the scroll effect already, the thing i want to do is make the menu links display an active/current style different from the other links when on the correct part of the page. Like on this page for example http://wearemotto.com/ .

8

Oh, sorry.
That shouldn’t be too hard.
Can you post a link to your page?

9

Here ya go. You can do this with JS or jquery. Take your pic

JS http://www.websitecodetutorials.com/code/javascript/highlight-current-page-with-js.php

jQuery http://www.websitecodetutorials.com/code/jquery-plugins/jquery-add-and-remove-class.php