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



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

#1 Hotrey
Hotrey
  • Неактивные
  • 17 сообщений
  • Репутация: 1
0

Обновлено 31 октября 2013 - 18:21  Отправлено 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



Похожие темы
  Название темы Автор Статистика Последнее сообщение

Пользователь месяца
Megoydagi Megoydagi 1-й за Август
Очков активности: 30 4 темы, 8 сообщений, 1 балл репутации
Сайт: bank.net.ru
ТОП самых активных за этот месяц
  • Фотография Vmir
    #1

    Vmir
    Очков активности: 48 3 темы, 7 сообщений, 2 балла репутации

  • Фотография BLIK
    #2

    BLIK
    Очков активности: 40.5 Вне конкурса за определение пользователя месяца

  • Фотография SergiuS85
    #3

    SergiuS85
    Очков активности: 12 2 темы, 2 сообщения, 1 балл репутации

  • Фотография WGN
    #4

    WGN (worldgamenews.com)
    Очков активности: 12 1 тема, 5 сообщений, 1 балл репутации

  • Фотография Totti
    #5

    Totti
    Очков активности: 12 0 тем, 8 сообщений, 1 балл репутации

  • Фотография kuztoday
    #6

    kuztoday
    Очков активности: 10.5 1 тема, 4 сообщения, 1 балл репутации

  • Фотография Zevss
    #7

    Zevss (domles43.ru)
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография Sale_account
    #8

    Sale_account
    Очков активности: 10.5 2 темы, 1 сообщение, 1 балл репутации

  • Фотография Megoydagi
    #9

    Megoydagi (bank.net.ru)
    Очков активности: 9 Вне конкурса за определение пользователя месяца

  • Фотография mkreine
    #10

    mkreine (analiz-krovi.net)
    Очков активности: 9 1 тема, 3 сообщения, 1 балл репутации

  • Показать весь ТОП 10

Поддержите форум! =)
Топ 5 участников по репутации

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