Подсветка активного пункта меню(лендинг)

(Ответов: 4, Просмотров: 2637)
  1. Студент
    • Регистрация: 03.05.2013
    • Сообщений: 41
    • Репутация: 5
    Ребятки, нужна помощь, сверстал тут лендинг, а вот со знаниями великого и могучего 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; }
    В общем необходима подсветка пункта меню в зависимости от положения на странице. Чтоб во время скролла страницы активный пункт подсвечивался.
    Буду рад помощи или совету в каком направлении копать. Заранее спасибо...
    • 0
  2. sudo rm -rf windows 10 Аватар для Feanor184
    • Регистрация: 19.06.2014
    • Сообщений: 822
    • Репутация: 272
    • Webmoney BL: ?
    было бы проще, если бы вы дали линк на сайт) И где у вас тут js?
    • 0
  3. Студент
    • Регистрация: 03.05.2013
    • Сообщений: 41
    • Репутация: 5
    Вот линк на сайт, из js я пока написал только плавное передвижение по блокам, так как знаний очень мало...
    Последний раз редактировалось GreenBrick; 24.07.2014 в 16:56.
    • 0
  4. Студент
    • Регистрация: 03.06.2014
    • Сообщений: 61
    • Репутация: 6
    • Webmoney BL: ?
    да любой готовый лендинг возьмите, там есть папка скриптов, берет оттуда и всЁ! как правило, там в скрипте будет еще пара десятков решений ваших потенциальных вопросов))) свой лендинг - это конечно хорошо, даже больше скажу - своя ЦМС - это тоже неплохо, но когда вы добьете до рабочего состояния - это совсем другой вопрос!! нужен ли будет ваш лендинг через пару лет??))) хаха.
    велосипеды все давно изобретены!!!
    • 0
  5. Студент
    • Регистрация: 03.05.2013
    • Сообщений: 41
    • Репутация: 5
    provoloka, пожалуй так и поступлю.
    • 0

Похожие темы

Темы Раздел Ответов Последний пост
WordPress: Не работает подсветка синтаксиса в редакторе тем/плагинов
Прочее 2 30.06.2010 23:51
Code Snippet, подсветка синтаксиса
Дайджест блогосферы 0 26.02.2010 16:13

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры