Вопрос Помогите прикрепить скрипт к меню

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

Вот этот скрипт.

PHP код:



<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

            });

                    



            /*    2nd example    */

            

            $("#menu2 li a").wrapInner( '<span class="out"></span>' );

            

            $("#menu2 li a").each(function() {

                $( '<span class="over">' +  $(this).text() + '</span>' ).appendTo( this );

            });



            $("#menu2 li a").hover(function() {

                $(".out",    this).stop().animate({'top':    '45px'},    200); // move down - hide

                $(".over",    this).stop().animate({'top':    '0px'},        200); // move down - show



            }, function() {

                $(".out",    this).stop().animate({'top':    '0px'},        200); // move up - show

                $(".over",    this).stop().animate({'top':    '-45px'},    200); // move up - hide

            });



        });



    </script>

Хочется прикрутить к этому меню

Код HTML:

<div class="links"><a href="<?php echo $home; ?>"><?php echo $text_home; ?></a><a href="<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a><a href="<?php echo $account; ?>"><?php echo $text_account; ?></a><a href="<?php echo $shopping_cart; ?>"><?php echo $text_shopping_cart; ?></a><a href="<?php echo $checkout; ?>"><?php echo $text_checkout; ?></a></div>
</div>

Демо выглядит так

Код HTML:

<div id="menu" class="menu">
			<ul>
				<li><a href="javascript:;">Главная</a></li>
				<li><a href="javascript:;">Портфолио</a></li>
				<li><a href="javascript:;">Услуги</a></li>
				<li><a href="javascript:;">Поддержка</a></li>
				<li><a href="javascript:;">Контакты</a></li>
			</ul>
		</div>

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

А главный вопрос.
Как привязать переменные

PHP код:



<?php echo $wishlist; ?>" id="wishlist-total"><?php echo $text_wishlist; ?></a>

Добавлено через 1 час 36 минут
Усе, разобрался сам)

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

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Вопрос помогите найти скрипт для прокрутки	nocx	JavaScript	1	08.04.2013 16:11
Вопрос Помогите установить меню	denfcsm	Вопросы по vBulletin 3.х	3	15.03.2013 20:29
Вопрос Скрипт	ChOpper	Вопросы по vBulletin 4.х	2	22.02.2013 18:19
Проблема помогите сделать меню	asd	Вопросы по vBulletin 3.х	4	14.01.2013 21:06
Вопрос помогите пожалуйста сделать это меню фиксированы	gonzo	Вопросы по vBulletin 3.х	0	27.03.2012 20:46