Задержка mouseenter
Приветствую.
Нужно сделать эффект выползания подменю, но обязательно только после длительной задержки мыши на основном пункте меню. То есть если курсор был на элементе меньше 300 мс, скрипт срабатывать не должен. Вот начальный вариант скрипта: $(".menu_block").mouseenter(function () { $(".submenu", this).fadeIn(600); }); HTML-код меню: <div class="menu_block"> <li class="menu_item">*Меню*</li> <ul class="submenu"> *Пункты подменю* </ul> </div> Заранее спасибо. |
Darth LegiON,
только после пребывания там мыши пару секунд Цитата:
|
копайте в сторону .delay()
|
Цитата:
|
задерживает анимацию на заданное время
|
Цитата:
Цитата:
|
ага, понял :) ещё раз прочитал вопрос... ну, пытался помочь
|
Спасибо, смысл я понял, под свои нужды переработал, но почему-то не фурычит. Вот скрипт сразу вместе с закрытием:
var timer; $(".menu_block").mouseenter(function(){ timer = window.setTimeout(function () { $(".submenu", this).fadeIn(600); }, 700) }).mouseleave(function(){ window.clearTimeout(timer); $(".submenu", this).delay(300).fadeOut(600); }); |
Darth LegiON,
5 строка Цитата:
|
Цитата:
|
Часовой пояс GMT +3, время: 07:48. |