Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Одноуровневое меню с эффектом дрожания при наведении (https://javascript.ru/forum/jquery/12208-odnourovnevoe-menyu-s-ehffektom-drozhaniya-pri-navedenii.html)

EmptyR 06.10.2010 12:20

Одноуровневое меню с эффектом дрожания при наведении
 
Подскажите пожалуйста, где взять код меню на JQuery, которое при наведении (как понимаю, событие OnMouseMove) будет реализовывать функцию, которая в свою очередь для данного <li> объекта будет реализовывать дрожание (смещение по таймеру на несколько пикселей вверх-вниз). Сам начал это дело изучать буквально недавно, и самостоятельно не осилю это.

P.S.: Нечто похожее, но выполненное в Joomla! на Mootols (RockMenu) есть тут: http://www.rent1c.ru/ (главное меню вверху).

sysya 06.10.2010 16:56

Это всё с легкостью делается... Немного подумайте, напишите свой jquery-код, и если будут проблемы, тада вам сюда... Найти учебные материалы можно без труда... В поиске пишите "jquery"
Подсказка: копайте в сторону .animate();

EmptyR 06.10.2010 20:48

А можно просто менять по таймеру style top ? Я просто помню, видел как то примеры на чистом JavaScript, где всё реализовывалось через получение ID объекта, и потом манипулирование с его отступом от верха.

sysya 07.10.2010 07:36

если просто отступ менять, то можно использовать только css, используя примерно такой код:
#id_element {position:relative; top:30px;}/*задаём элементу начальную позицию*/
#id_element:hover {top:10px;}/*при наведении мыши элемент сдвигается на 20px выше*/
id_element - идентификатор элемента к которому применяется стиль.

А если нужен яваскрипт то ищите, раз видели где то реализацию, значит есть инфа в сети.

На jquery так примерно:
...
$('#id_element').hover(function(){
  $(this).animate({top:'10px'}, 300);//наводим мышь, элемент плавно едет вверх
}, function(){
  $(this).animate({top:'30px'}, 300);//убираем мышь с элемента и он едет обратно
});
А сколько вы ещё узнаете если воспользуетесь моим советом
Цитата:

Найти учебные материалы можно без труда... В поиске пишите "jquery"


Часовой пояс GMT +3, время: 04:46.