С Новым годом! Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.69/13: Рейтинг темы: голосов - 13, средняя оценка - 4.69
 Аватар для berkut05
1 / 1 / 1
Регистрация: 15.09.2010
Сообщений: 155

Выделить выбранный пункт меню

08.12.2012, 12:54. Показов 2461. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Всем привет!
Есть код.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<div id="navouter">
    <div id="nav">
        <ul class="lavalamp" id="menu1">
            <li class="page_item current" ><a href="Default.aspx">Главная</a></li>
            <li class="page_item"><a href="" title="Партнеры">Партнеры</a></li>
            <li class="page_item"><a href="" title="Клиенты">Клиенты</a></li>
            <li class="page_item"><a href="" title="Наши услуги">Наши услуги</a></li>
            <li class="page_item"><a href="" title="Вакансии">Вакансии</a></li>
            <li class="page_item"><a href="About.aspx" title="О компании">О компании</a></li>
            
        </ul> 
    </div>
</div>
Нужно чтоб при нажатии все становилось неактивным
HTML5
1
class="page_item"
, а выбранному пункту присвоился такой класс
HTML5
1
class="page_item current"
.
Спасибо!
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
08.12.2012, 12:54
Ответы с готовыми решениями:

Выделить активный пункт меню
Доброго времени суток! Я видела, что похожие темы были, но я в ступоре(( Надо закончить меню для заказчика, и остался последний штрих.......

Как выделить активный пункт меню на JQuery
Добрый день! Не работает скрипт, изменяющий цвет активного пункта меню. Есть меню (стандартный цвет черный). При клике по...

Нужно выделить пункт меню, на странице которого пользователь находится в данный момент
Добрый день, CSS и HTML более менее выучила, а в JS пока нет желания лезть, вот ищу готовые решения jQuery, но еще до конца не понимаю что...

7
 Аватар для MoonDevilzzz
18 / 18 / 8
Регистрация: 15.03.2012
Сообщений: 166
08.12.2012, 15:20
JavaScript
1
$('#menu1 li).click(function(){$('.page_item).removeClass('current');$(this).addClass('current')})
Как то так я думаю
0
0 / 0 / 0
Регистрация: 04.11.2012
Сообщений: 21
08.12.2012, 18:55
JavaScript
1
2
3
4
var menu=$('#menu1 li');
menu.click(function(){
$(this).addClass('page_item_current').removeClass('page_item').attr('disabled',true);
});
И обратите внимание на название класса page_item_current. С пробелом не будет работать.
0
 Аватар для berkut05
1 / 1 / 1
Регистрация: 15.09.2010
Сообщений: 155
10.12.2012, 10:26  [ТС]
needpower, а куда код прописывать и как его вызывать? Я в этом новичок.
0
 Аватар для MoonDevilzzz
18 / 18 / 8
Регистрация: 15.03.2012
Сообщений: 166
10.12.2012, 10:27
Цитата Сообщение от berkut05 Посмотреть сообщение
needpower, а куда код прописывать и как его вызывать? Я в этом новичок.
Ну так в теги <script>
0
 Аватар для berkut05
1 / 1 / 1
Регистрация: 15.09.2010
Сообщений: 155
10.12.2012, 11:03  [ТС]
MoonDevilzzz, пробовал не пашет
0
 Аватар для MoonDevilzzz
18 / 18 / 8
Регистрация: 15.03.2012
Сообщений: 166
10.12.2012, 11:04
Да ну хорош=)Jquery подключил?
0
 Аватар для berkut05
1 / 1 / 1
Регистрация: 15.09.2010
Сообщений: 155
10.12.2012, 11:04  [ТС]
Есть код который видимо должен этим заниматься. Может в нем что - то подкорректировать
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
(function ($) 
{
    $.fn.lavaLamp = function (o) 
    {
 
    o = $.extend({ fx: "linear", speed: 500, click: function(){} }, o || {});
 
    return this.each(function() {
        var me = $(this), noop = function(){},
            $back = $('<li class="back"><div class="left"></div></li>').appendTo(me),
            $li = $("li", this), curr = $("li.current", this)[0] || $($li[0]).addClass("current")[0];
 
        $li.not(".back").hover(function() {
            move(this);
        }, noop);
 
        $(this).hover(noop, function() {
            move(curr);
        });
 
        $li.click(function(e) {
            setCurr(this);
            return o.click.apply(this, [e, this]);
        });
 
        setCurr(curr);
 
        function setCurr(el) {
            $back.css({ "left": el.offsetLeft+"px", "width": el.offsetWidth+"px" });
            curr = el;
        };
 
        function move(el) {
            $back.each(function() {
                $(this).dequeue(); }
            ).animate({
                width: el.offsetWidth,
                left: el.offsetLeft
            }, o.speed, o.fx);
        };
 
    });
};
})(jQuery);
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
10.12.2012, 11:04
Помогаю со студенческими работами здесь

Как сделать так, чтобы после нажатия на пункт меню страница прокручивалась до якоря и меню закрывалось?
Привет всем, у меня есть html код страницы со вставками javascript кода. Имеется два javascripta, один отвечает за прокрутку страницы к...

Выделить активный пункт меню
Доброго дня. Дано: - 3 кнопки меню &quot;1&quot;,&quot;2&quot;,&quot;3&quot; (оранжевого цвета, тег &lt;a&gt; снаружи кнопки, т.е. срабатывает по всей кнопке) ...

Как выделить цветом активный пункт меню?
Друзья, есть страница http://539687.fdcorp.web.hosting-test.net/index.php/kran-sharovoy-vv-ruchka.html Слева меню (в левом сайдбаре)....

Выделить активный пункт меню при динамическом получении страниц
В общем помогите, пожалуйста. Нужно выделить активный пункт меню (т.е. тот, на котором я нахожусь в данный момент). Искала примеры на...

Активный пункт меню
сделал табличку, в каждую яцейку поместил пункт меню придал им стил. задача при клике по пукту он меняет свой цвет, это я тоже понимаю как...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути
Programma_Boinc 01.01.2026
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru