1 / 1 / 1
Регистрация: 15.09.2010
Сообщений: 155
1

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

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

Author24 — интернет-сервис помощи студентам
Всем привет!
Есть код.
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
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
08.12.2012, 12:54
Ответы с готовыми решениями:

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

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

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

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

7
18 / 18 / 8
Регистрация: 15.03.2012
Сообщений: 166
08.12.2012, 15:20 2
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 3
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
1 / 1 / 1
Регистрация: 15.09.2010
Сообщений: 155
10.12.2012, 10:26  [ТС] 4
needpower, а куда код прописывать и как его вызывать? Я в этом новичок.
0
18 / 18 / 8
Регистрация: 15.03.2012
Сообщений: 166
10.12.2012, 10:27 5
Цитата Сообщение от berkut05 Посмотреть сообщение
needpower, а куда код прописывать и как его вызывать? Я в этом новичок.
Ну так в теги <script>
0
1 / 1 / 1
Регистрация: 15.09.2010
Сообщений: 155
10.12.2012, 11:03  [ТС] 6
MoonDevilzzz, пробовал не пашет
0
18 / 18 / 8
Регистрация: 15.03.2012
Сообщений: 166
10.12.2012, 11:04 7
Да ну хорош=)Jquery подключил?
0
1 / 1 / 1
Регистрация: 15.09.2010
Сообщений: 155
10.12.2012, 11:04  [ТС] 8
Есть код который видимо должен этим заниматься. Может в нем что - то подкорректировать
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
10.12.2012, 11:04
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
10.12.2012, 11:04
Помогаю со студенческими работами здесь

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

Как выделить цветом активный пункт меню?
Друзья, есть страница...

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

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


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru