Slyweb
На разработку сайта! Скидки 50%!

Одноуровневое меню с эффектом дрожания при наведении

Вы можете задавать любые вопросы по jQuery.

Одноуровневое меню с эффектом дрожания при наведении

Сообщение EmptyR » 06 окт 2010, 13:23

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

P.S.: Нечто похожее, но выполненное в Joomla! на Mootols (RockMenu) есть тут: http://www.rent1c.ru/ (главное меню вверху).
EmptyR
 
Сообщения: 1
Зарегистрирован: 06 окт 2010, 13:11

Re: Одноуровневое меню с эффектом дрожания при наведении

Сообщение admin » 13 окт 2010, 07:50

Посмотрите может это сойдёт, не меню и не для li, но как пример...

Код: Выделить всё
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Slyweb - jQuery на русском</title>
    <style type="text/css">
        body
        {
            font-family:Arial, Sans-Serif;
            font-size:0.85em;
        }
        button
        {
      margin: 45px 0;
      position:relative;
        padding: 45px 0;
        overflow:hidden;
        }

    </style>
    <script src="jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            $("button").mouseover(function() {
                        $("button").stop()
                            .animate({ top: "-10px" }, 100).animate({ top: "10px" }, 100)
                            .animate({ top: "-10px" }, 100).animate({ top: "10px" }, 100)
                            .animate({ top: "0px" }, 100)
                            .addClass("required");
                });
            });


    </script>
</head>
<body>
   <button value="Кнопка">Наведите на меня!!</button>
</body>
</html>

admin
Администратор
 
Сообщения: 165
Зарегистрирован: 15 авг 2009, 20:02


Вернуться в Вопросы по jQuery

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 0

cron