jquery hover сработка с таймаутом
Как сделать так что бы hover срабатывать только если наведение происходит уже 400 миллисекунд?
$(".SiteShop_body_wraph").on({
mouseenter: function () {
$(this).attr("data-active","1");
$(this).find(".SiteShop_body_wraph_item_point").slideDown("slow");
$(this).closest(".SiteShop_body_wraph").find(".SiteShop_body_wraph_item").not("[data-active]").stop().animate({
opacity: 0.4
}, 1000 );
}, mouseleave: function () {
$(this).removeAttr("data-active");
$(this).find(".SiteShop_body_wraph_item_point").slideUp("1s");
$(this).closest(".SiteShop_body_wraph").find(".SiteShop_body_wraph_item").stop().animate({
opacity: 1
}, 400 );
}
}, ".SiteShop_body_wraph_item");
|
ставить таймер и подставлять класс по нему
|
psfdek,
открывашка 218 для menu hover |
Спасибо за ответы!
http://cherne.net/brian/resources/jq...verIntent.html А я вот нашел плагин нормальный там довольно просто им пользоваться.
$(".SiteShop_body_wraph").hoverIntent({
over: makeTall,
out: makeShort,
selector: '.SiteShop_body_wraph_item'
});
function makeTall(){
$(this).attr("data-active","1");
$(this).find(".SiteShop_body_wraph_item_point").slideDown("slow");
$(this).closest(".SiteShop_body_wraph").find(".SiteShop_body_wraph_item").not("[data-active]").stop().animate({
opacity: 0.4
}, 1000 );
}
function makeShort(){
$(this).removeAttr("data-active");
$(this).find(".SiteShop_body_wraph_item_point").slideUp("1s");
$(this).closest(".SiteShop_body_wraph").find(".SiteShop_body_wraph_item").stop().animate({
opacity: 1
}, 400 );
}
|
| Часовой пояс GMT +3, время: 21:25. |