[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: Как сделать корзину которая при наведении
SoMeOnE
Добрый день. Как работает селектор not
Есть корзина которая появлется при наведении на слово корзина (это блок разумеется)
Как сделать так что-бы она исчезала когда убираем мышь.
$('p.bucket_link a').live('mouseover mouseout', function (event) {
console.log(7777);
if (event.type == 'mouseover') {
$('.drop_down_bucket_i').css('visibility', 'visible');
}


Хотел что-то вроде этого сделать не получается.
$('body:not(.drop_down_bucket_i)').live('mouseover mouseout', function () {
console.log(4444);
});

Тут полюбому мышь когда находиться на самом тексте сработают сразу два события и ничего не получится. Селектор not тестирую он вооюще не работает на элементарных примерах.
Версия jquery 1.8

Нужно чтобы было так, как здесь
http://www.mvideo.ru/price/televizory-i-ts...-tv/televizory/

Как это вообще правильно реализовать?
sergeiss
http://jquery-docs.ru/events/hover/ - вот что тебе нужно

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

user posted image
SoMeOnE
этот метод вроде устарел уже. Да и не в нем дело. Мне нужно что бы не только когда от самого батттона наведения убирал корзина исчезала(с этим проблем нет). Если мышь передвинулась в пределы появившегося блока то корзина не должна зыкрываться.
SoMeOnE
Сделал вот так. Это нормально или можно лучше

drop_dovn_bucket = $('.drop_down_bucket_i');
$('p.bucket_link').live('mouseover mouseout', function (event) {
if (event.type == 'mouseover') {
clearTimeout(timeoutID);
$('.drop_down_bucket_i').css('visibility', 'visible');
} else if (event.type == 'mouseout') {
console.log(22);
timeoutID = setTimeout('drop_dovn_bucket.css("visibility","hidden")', 1500);
}
}
);

$('.drop_down_bucket_i').live('mouseover mouseout', function (event) {
if (event.type == 'mouseover') {
console.log(3333);
clearTimeout(timeoutID);
} else {
console.log(55555);
timeoutID = setTimeout('drop_dovn_bucket.css("visibility","hidden")', 1500);
}
}
);

p.bucket_link - это слова при наведении на которое корзина появляется
drop_down_bucket_i - это блок корзины
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.