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, время: 23:52. |