Добро пожаловать, Гость. Пожалуйста, выберите Вход или Регистрация
Привет.лв Главная Справка Поиск Вход Регистрация
Страниц: 1
Печать Bookmark and Share
Удалить этот блок рекламы?
Удали рекламу
Движение линков при наведении курсора (Прочитано 2686 раз)
WHacker
Предмет симпатий
****
Вне Форума

ololo

Сообщений: 214
Латвия
Пол: male
Движение линков при наведении курсора
21.07.2009 :: 23:06:28
 
И так, видел я немало в инете сайтов где наводишь на ссылку курсор и линк (ссылка) отодвигается в право на 5-10 пикселей... Очень интересно было бы узнать как такое совершить?
+ Кстати, сайт который я сейчас делаю - Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
(анимашку возле большой надписи RuFilm делал сам порезав "Викинги", "Затура", "Гаррри Поттер" и "Особо опасен", убил на это больше часа... Unlad GIF animator лагавал не под детски, в диспетчере задач писалось что он хавал 1,2 гига рама и 60% ЦП... Хех)
Подмигивание Улыбка Улыбка Улыбка  Язык
Наверх
 
 
WWW xPA3OPx 482032743   IP записан
Ramzies
Администратор
*****
Вне Форума

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

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: male
Re: Движение линков при наведении курсора
Ответ #1 - 21.07.2009 :: 23:14:11
 
Такие вещи обычно делают используя css.

Например так:
CSS Код:
a:hover {
margin-left:5px;
} 



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

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
WHacker
Предмет симпатий
****
Вне Форума

ololo

Сообщений: 214
Латвия
Пол: male
Re: Движение линков при наведении курсора
Ответ #2 - 21.07.2009 :: 23:16:18
 
Как я и ожидал... Ты дал немного не то... Видишь ли - мне надо что бы двигались только линки в блоках (меню и т.д.)! Я так полагаю придется див юзать... Заранее напиши плз. что пихать в css'ку и html.
Улыбка  Подмигивание  Язык
Наверх
 
 
WWW xPA3OPx 482032743   IP записан
Ramzies
Администратор
*****
Вне Форума

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

Сообщений: 2632
Даугавпилс, Валмиера.
Пол: 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;
}  

Наверх
 
 

Просмотр медиа-файлов и переход по ссылкам доступен только для Участников Форума!  Вы нуждаетесь в Вход или Регистрация!!
Научись говорить, что ты _х_о_ч_е_ш_ь, вместо точго, чего ты _н_е_ _х_о_ч_е_ш_ь...
WWW Ramzies renat2985   IP записан
WHacker
Предмет симпатий
****
Вне Форума

ololo

Сообщений: 214
Латвия
Пол: male
Re: Движение линков при наведении курсора
Ответ #4 - 21.07.2009 :: 23:21:53
 
Большое спасибо!!
Подмигивание Улыбка
Наверх
 
 
WWW xPA3OPx 482032743   IP записан
Страниц: 1
Печать Bookmark and Share
www.privet.lv

Privet.lv/forum » Powered by YaBB 2.2.3 (fix)!
YaBB © 2000-2012. Все права защищены.
Valid RSS Valid XHTML Valid CSS Powered by Perl Source Forge