Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
dikucher
11 / 11 / 2
Регистрация: 11.03.2013
Сообщений: 100
1

Меню jquery

29.04.2014, 02:54. Просмотров 823. Ответов 4
Метки нет (Все метки)

Добрый,
Задача:
- при загрузке старницы меню должно свернуться через 10с.
- Если на меню фокус (:hover) - оно не может свернуться,
- Если на меню был фокус, а потом фокус убрали, то меню должно свернуться через 5с

Также у меню есть кнопка по которой оно разворачивается и сворачивается

код на jsfiddle
0
Лучшие ответы (1)
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
29.04.2014, 02:54
Ответы с готовыми решениями:

Вертикальное меню без jQuery
в джаваскрипте новичек не могу доделать чтобы работало. При клике на плюсик, должно скрывать под...

Многоуровневое меню на чистом js без jquery
учил я жаву скрипт на кодакадеми и джиквери и окахалось что совсем его не знаю, мне дали тестовое...

jQuery- подскажите как доделать меню
Добрый день пытаюсь создать меню со всплывающими вкладками. Подскажите пожалуйста какую функцию...

Надо сделать меню, нужны знания jquery
Помогите,проблема такая: Мне нужно чтоб меню не было фиксированым,но при скроле div оно(меню)...

Раскрывающееся меню - при открытии/закрытии вложенного меню закрывается все меню
Проблема во вложенном меню. При открытии/закрытии вложенного меню закрывается все меню. Надо, чтобы...

4
Lazy_Den
29.04.2014, 03:24
  #2

Не по теме:

Цитата Сообщение от dikucher Посмотреть сообщение
Задача:
Звучит, как ТЗ. Может всё-таки с такой постановкой вопроса, лучше в этот раздел форума?

0
dikucher
11 / 11 / 2
Регистрация: 11.03.2013
Сообщений: 100
29.04.2014, 05:13  [ТС] 3
хм, четко поставленную задачу вы воспринимаете как ТЗ в раздел фриланса ?
Если кто то поможет и при этом покажет, что здесь нужно проделать объем работы, за который следует платить - буду только рад

Добавлено через 1 час 26 минут
пытался реализовать через добавление класов ( в зависимости есть фокус на меню или нет) но так ничего и не вышло. Постоянно вылязят "глюки" - точнее не продуманность решения

Думаю, что в идеале нужно логика типа

Javascript
1
2
3
4
$('.main-menu').mouseleave(function(){
  $(this).animate({width: 30px});
  // но если на элементе фокус, то это функция не должна срабатывать, вот этого куска мне и не хватает
})
0
Lazy_Den
3046 / 2687 / 1355
Регистрация: 15.01.2014
Сообщений: 5,917
29.04.2014, 05:33 4
Лучший ответ Сообщение было отмечено dikucher как решение

Решение

В примере поставил задержку в 5 сек., чтоб не ждать долго. Смотрите тут.
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
var mainMenu = $('.main-menu'),
    menuBut = $('.menu-button',mainMenu),
    menuLinks = $('a',mainMenu),
    timer;
function autoHideMenu(){
    timer = setTimeout(function(){
        mainMenu.addClass('short');
    }, 5000);    
}
menuBut.on('click', function(){
    mainMenu.toggleClass('short');
});
menuLinks.on('click', function(){
    menuLinks.removeClass('active');
    $(this).addClass('active');
});
mainMenu.on({
    mouseenter: function(){
        clearTimeout(timer);
    },
    mouseleave: autoHideMenu
}).mouseleave();
1
dikucher
11 / 11 / 2
Регистрация: 11.03.2013
Сообщений: 100
29.04.2014, 14:04  [ТС] 5
Lazy_Den, вот чего мне не хватало clearTimeout !!! Спасибо
0
29.04.2014, 14:04
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
29.04.2014, 14:04

Могут ли конфликтовать два файла jquery.1.10.1.min.js и jquery-1.8.3.min.js
Добрый всем день. На сайте joomla пытаюсь подключить файл jquery.1.10.1.min.js, но безуспешно....

Можно ли изменить ссылки по классу в меню (поменять домен в конкретном меню)?
Всем привет. Есть два меню на странице: <ul class="menu-head"> <li><a...

Текст меню должен уменьшаться вместе с меню
Текст меню должен уменьшаться вместе с меню. Ниже представлена верстка меню. Через css я сделал...


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

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

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru