Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 07.02.2013, 14:44
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Stas-ik,
Еще раз: - Перенесите открытие темного фона по наведению(.mouseenter/mouseleave) на родитель!!
(<div class="menuholder"> или <ul class="menu slide">)

На li только квадраты с инвентарем! )без фона

Последний раз редактировалось Deff, 07.02.2013 в 14:47.
Ответить с цитированием
  #12 (permalink)  
Старый 07.02.2013, 15:09
Интересующийся
Отправить личное сообщение для Sober_exe Посмотреть профиль Найти все сообщения от Sober_exe
 
Регистрация: 27.02.2012
Сообщений: 18

Это при наведении
function openMenu(){
	$('.back').animate({"height":"500px"},'1000');
}
$('.menuholder').mousenter(function(){
	timeout = setTimeout(openMenu, 500);
});

$('.menuholder').mouseleave(clearTime(function(){
	clearTimeout(timeout);
}),500);


Это по клику:
<div class="menuholder" onclick(openMenu());>...</div>

function openMenu(){
	$('.back').animate({"height":"500px"},'1000');
}
function closeMenu(){
	$('.back').animate({"height":"0px"},'1000');
}
$('.menuholder').mouseleave(closeMenu());

Ну и измените с учётом правок Deff
Ответить с цитированием
  #13 (permalink)  
Старый 07.02.2013, 15:12
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

Sober_exe,
Сделано не верно - фон должен быть при наведении на само меню, а не на конкретный пункт
у Вас же он убирается при переходе с пункта на пункт(а курсор находиться в меню
Т.е анимации две
1. Для наведения на контейнер с Li = показываем тёмный фон
2. При наведении на конкретный Li - открываем ивентарь(фона там у же нет, он открыт на родителе)

Последний раз редактировалось Deff, 07.02.2013 в 15:15.
Ответить с цитированием
  #14 (permalink)  
Старый 07.02.2013, 15:56
Интересующийся
Отправить личное сообщение для Sober_exe Посмотреть профиль Найти все сообщения от Sober_exe
 
Регистрация: 27.02.2012
Сообщений: 18

Deff, я не влезал в то КАК это должно отображаться, а показал как написать скрипт, если не тупо копипастить, то схема понятна и поменять на своё. Я даже дописал, что с учётом правок ваших.
Ответить с цитированием
  #15 (permalink)  
Старый 20.02.2014, 12:21
Новичок на форуме
Отправить личное сообщение для patsvetkov Посмотреть профиль Найти все сообщения от patsvetkov
 
Регистрация: 19.09.2012
Сообщений: 1

$('.listdelay').click(function(){
        $(this).addClass('onhover2').addClass('onhover');
    })
    $('.listdelay').hover(
        function(){
            var List = $(this);
            $(this).addClass('onhover2');
            setTimeout(function(){
                if ( List.hasClass("onhover2") ) {
                    List.addClass('onhover');
                }
            }, 300);

        },
        function(){
            var List = $(this);
            List.removeClass('onhover');
            List.removeClass('onhover2');
        });

соответстственно, показ нужного элемента можно сделать так:
.onhover.onhover2 div{
display :block;
}
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Подружить два скрипта (скроллер+скрипт эффекта при наведении) Che jQuery 26 29.08.2012 10:59
Аккордеон меню, как доработать код. Gawk Общие вопросы Javascript 1 23.07.2012 13:01
CSS меню => скрыть при нажатии Shasoft Элементы интерфейса 1 15.05.2012 20:01
Как реализовать карту "При наведении мышки на зону подсвечивать соответствующий линк" Моряк Папай Элементы интерфейса 0 10.08.2011 22:42
Всплывающее окошко, как подсказка при наведении на кнопку. rastafaray Общие вопросы Javascript 4 24.05.2008 00:55