[GreenBrick]

Ребятки, нужна помощь, сверстал тут лендинг, а вот со знаниями великого и могучего js проблемы.
В общем, у меня есть фиксированная навигация:

Код HTML:

<nav id="navigation"> <ul> <li><a class="active" href="#one">One</a></li> <li><a href="#two">Two</a></li> <li><a href="#three">Three</a></li> <li><a href="#four">Four</a></li> </ul> </nav>

#navigation { z-index: 1000; float: right; position: fixed; top: 40%; right: 5px;}
#navigation ul { display: inline-block; position: relative; list-style: none; }
#navigation ul li { position: relative; padding-bottom: 5px; padding-right: 5px; display: block; width: 14px; height: 14px; background: url(../img/EllipseS.png) no-repeat;}
#navigation ul li a { top: 0; left: 0; width: 100%; height: 100%; outline: none; text-indent: -999em; cursor: pointer; position: absolute;}
#navigation ul li a:hover  { background: url(../img/EllipseH.png) no-repeat; }
#navigation ul li a.active { width: 14px; height: 14px; background: url(../img/EllipseAa.png) no-repeat; }

В общем необходима подсветка пункта меню в зависимости от положения на странице. Чтоб во время скролла страницы активный пункт подсвечивался.
Буду рад помощи или совету в каком направлении копать. Заранее спасибо...

[Feanor184]

было бы проще, если бы вы дали линк на сайт) И где у вас тут js?

[GreenBrick]

Вот линк на сайт, из js я пока написал только плавное передвижение по блокам, так как знаний очень мало...

[provoloka]

да любой готовый лендинг возьмите, там есть папка скриптов, берет оттуда и всЁ! как правило, там в скрипте будет еще пара десятков решений ваших потенциальных вопросов))) свой лендинг - это конечно хорошо, даже больше скажу - своя ЦМС - это тоже неплохо, но когда вы добьете до рабочего состояния - это совсем другой вопрос!! нужен ли будет ваш лендинг через пару лет??))) хаха.
велосипеды все давно изобретены!!!

[GreenBrick]

provoloka, пожалуй так и поступлю.