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

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

08.12.2012, 12:54. Показов 2511. Ответов 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
Ответ Создать тему
Новые блоги и статьи
Настройки VS Code
Loafer 13.04.2026
{ "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .
Оптимизация кода на разграничение прав доступа к элементам формы
Maks 13.04.2026
Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений
Maks 12.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .
Архитектура слоя интернета для сервера-слоя.
Hrethgir 11.04.2026
В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .
Подстановка значения реквизита справочника в табличную часть документа
Maks 10.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .
Очистка реквизитов документа при копировании
Maks 09.04.2026
Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий
anaschu 08.04.2026
https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI
Блокировка документа от изменений, если он открыт у другого пользователя
Maks 08.04.2026
Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru