Проблема Анимированное меню

Пользователь · Регистрация: 16.07.2014

Здравствуйте! Помогите пожалуйста правильно поставить анимированное меню как у вас на форуме. Я так думаю что проблема в jQuery и скрипте.

Вот что нужно вставить, я так поняла в headinclude, но у меня ничего не выходит, он не включается меню выходит простым списком.
Версия форума 3.8.7

Подключаем jQuery:

PHP код:



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>

Вызываем скрипт:

PHP код:



/// wrap inner content of each anchor with first layer and append background layer
$("#menu li a").wrapInner( '<span class="out"></span>' ).append( '<span class="bg"></span>' );
 
// loop each anchor and add copy of text content
$("#menu li a").each(function() {
 $( '<span class="over">' +  $(this).text() + '</span>' ).appendTo( this );
});
 
$("#menu li a").hover(function() {
 // this function is fired when the mouse is moved over
 $(".out", this).stop().animate({'top': '45px'}, 250); // move down - hide
 $(".over", this).stop().animate({'top': '0px'},  250); // move down - show
 $(".bg", this).stop().animate({'top': '0px'},  130); // move down - show
 
}, function() {
 // this function is fired when the mouse is moved off
 $(".out", this).stop().animate({'top': '0px'},  250); // move up - show
 $(".over", this).stop().animate({'top': '-45px'}, 250); // move up - hide
 $(".bg", this).stop().animate({'top': '-45px'}, 130); // move up - hide
});

Также пыталась взять код с сайта демо, вот он:

PHP код:



<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
             <style type="text/css">
             body {background: #ffffff url(http://pcvector.net/templates/pcv/images/bg_grid.png);}
             </style>

<script language="javascript">
        $(document).ready(function() {

            /*     1st example    */

            /// wrap inner content of each anchor with first layer and append background layer
            $("#menu li a").wrapInner( '<span class="out"></span>' ).append( '<span class="bg"></span>' );

            // loop each anchor and add copy of text content
            $("#menu li a").each(function() {
                $( '<span class="over">' +  $(this).text() + '</span>' ).appendTo( this );
            });

            $("#menu li a").hover(function() {
                // this function is fired when the mouse is moved over
                $(".out",    this).stop().animate({'top':    '45px'},    250); // move down - hide
                $(".over",    this).stop().animate({'top':    '0px'},        250); // move down - show
                $(".bg",    this).stop().animate({'top':    '0px'},        120); // move down - show

            }, function() {
                // this function is fired when the mouse is moved off
                $(".out",    this).stop().animate({'top':    '0px'},        250); // move up - show
                $(".over",    this).stop().animate({'top':    '-45px'},    250); // move up - hide
                $(".bg",    this).stop().animate({'top':    '-45px'},    120); // move up - hide
            });


</script>

Подскажите пожалуйста что не так?

Опции темы
Версия для печати Отправить по электронной почте
Опции просмотра
Линейный вид Комбинированный вид Древовидный вид

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Проблема Меню	FLisC	Web-мастеринг	1	25.08.2012 19:14
Вопрос Меню	Wild	Вопросы по vBulletin 3.х	7	22.03.2012 18:06
Вопрос Выпадающее меню	Сириус	Вопросы по vBulletin 3.х	3	21.03.2011 12:21
Вопрос Меню и навигация.	bahok	vBa CMPS	5	02.03.2011 16:57