Движение линков при наведении курсора

Добро пожаловать, Гость. Пожалуйста, выберите Вход или Регистрация

Страниц: 1

Движение линков при наведении курсора (Прочитано 6325 раз)

WHacker

Предмет симпатий

Вне Форума

ololo

Сообщений: 214
Латвия
Пол: male

Движение линков при наведении курсора
21.07.2009 :: 23:06:28

И так, видел я немало в инете сайтов где наводишь на ссылку курсор и линк (ссылка) отодвигается в право на 5-10 пикселей... Очень интересно было бы узнать как такое совершить?
+ Кстати, сайт который я сейчас делаю - Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума! Вы нуждаетесь в

или

!!
(анимашку возле большой надписи RuFilm делал сам порезав "Викинги", "Затура", "Гаррри Поттер" и "Особо опасен", убил на это больше часа... Unlad GIF animator лагавал не под детски, в диспетчере задач писалось что он хавал 1,2 гига рама и 60% ЦП... Хех)
Подмигивание

Наверх

IP записан

Ramzies

Администратор

Вне Форума

Все что случается
имеет причину.

Сообщений: 2633
Даугавпилс, Валмиера.
Пол: male

Re: Движение линков при наведении курсора
Ответ #1 - 21.07.2009 :: 23:14:11

Такие вещи обычно делают используя css.

Например так:
CSS Код:

a:hover {
margin-left:5px;
}

Таким образом все ссылки на которые будет попадать курсор, будут сдвигаться в лева на 5 пикселей.

Наверх

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума! Вы нуждаетесь в

или

!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...

IP записан

WHacker

Предмет симпатий

Вне Форума

ololo

Сообщений: 214
Латвия
Пол: male

Re: Движение линков при наведении курсора
Ответ #2 - 21.07.2009 :: 23:16:18

Как я и ожидал... Ты дал немного не то... Видишь ли - мне надо что бы двигались только линки в блоках (меню и т.д.)! Я так полагаю придется див юзать... Заранее напиши плз. что пихать в css'ку и html.

Наверх

IP записан

Ramzies

Администратор

Вне Форума

Все что случается
имеет причину.

Сообщений: 2633
Даугавпилс, Валмиера.
Пол: male

Re: Движение линков при наведении курсора
Ответ #3 - 21.07.2009 :: 23:20:45

Можно так сделать:
HTML Код:

<a href="#" class="mn">кнопка</a>
<a href="#" class="mn">кнопка</a>
<a href="#" class="mn">кнопка</a>

CSS Код:

.mn a:hover {
margin-left:5px;
}

А можно так:

HTML Код:

<div class="mn">
<a href="#">кнопка</a>
<a href="#">кнопка</a>
<a href="#">кнопка</a>
</div>

CSS Код:

.mn a:hover {
margin-left:5px;
}

Наверх

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума! Вы нуждаетесь в

или

!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...

IP записан

WHacker Предмет симпатий Вне Форума ololo Сообщений: 214 Латвия Пол:	Re: Движение линков при наведении курсора Ответ #4 - 21.07.2009 :: 23:21:53 Большое спасибо!!
Наверх	IP записан

Страниц: 1