Одноуровневое меню с эффектом дрожания при наведении
Подскажите пожалуйста, где взять код меню на JQuery, которое при наведении (как понимаю, событие OnMouseMove) будет реализовывать функцию, которая в свою очередь для данного <li> объекта будет реализовывать дрожание (смещение по таймеру на несколько пикселей вверх-вниз). Сам начал это дело изучать буквально недавно, и самостоятельно не осилю это.
P.S.: Нечто похожее, но выполненное в Joomla! на Mootols (RockMenu) есть тут: http://www.rent1c.ru/ (главное меню вверху). |
Это всё с легкостью делается... Немного подумайте, напишите свой jquery-код, и если будут проблемы, тада вам сюда... Найти учебные материалы можно без труда... В поиске пишите "jquery"
Подсказка: копайте в сторону .animate(); |
А можно просто менять по таймеру style top ? Я просто помню, видел как то примеры на чистом JavaScript, где всё реализовывалось через получение ID объекта, и потом манипулирование с его отступом от верха.
|
если просто отступ менять, то можно использовать только 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);//убираем мышь с элемента и он едет обратно });А сколько вы ещё узнаете если воспользуетесь моим советом Цитата:
|
Часовой пояс GMT +3, время: 03:29. |