Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   jquery hover сработка с таймаутом (https://javascript.ru/forum/jquery/58037-jquery-hover-srabotka-s-tajjmautom.html)

psfdek 01.09.2015 16:54

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");

krasovsky 02.09.2015 07:26

ставить таймер и подставлять класс по нему

рони 02.09.2015 07:47

psfdek,
открывашка 218 для menu hover

psfdek 02.09.2015 09:13

Спасибо за ответы!

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