Перейти к содержимому

Сервис обмена электронных валют


Анимация строки навигации

#1 Hotrey

Hotrey
  • Пользователь
  • 17 сообщений
  • Репутация: 1
0

Отправлено 20 Октябрь 2013 - 15:42

Здравствуйте, я только начал заниматься версткой (освоил html+css), практикуюсь на бесплатных макетах psd.
В одном из таких макетов, ссылка, которая является активной в данный момент, обведена в квадрат (с эффектами градиента+прозрачность, что-то типа бликов), необходимо сделать так чтобы при наведении на меню, этот квадрат двигался в соответствии с расположением курсора на панели навигации и затем останавливался на той ссылке которая становится активной. Квадрат шире! чем сама строка навигации
Подскажите, новичку, как такое можно реализовать?

 

 

  • 0

#2 malahov-web

malahov-web
  • Пользователь
  • 1 сообщений
  • Репутация: 0

Отправлено 30 Октябрь 2013 - 00:42

А показать его можете? Если правильно понял что необходимо, то
CSS: псевдоклассом :hover делаете стили при наведении, и позиционируете(либо отступами) блок. Активная имеете ввиду та на странице которой находимся? ( Формально активным называется элемент в тот момент когда на него щелкнули мыши и пока не отпустили).
А если квадрат должен двигаться плавно то надо делать на javascript
  • 0

#3 Hotrey

Hotrey
    Topic Starter
  • Пользователь
  • 17 сообщений
  • Репутация: 1

Отправлено 31 Октябрь 2013 - 18:21

Да, та на которой находимся.
Нужно чтобы плавно двигался, а с javascript я еще только начинаю разбираться
  • 0


Оформление форума – IPBSkins.ru