JS----hover时间延迟设置

先引入jquery包

hoverDalay  延迟时间设置

(function(a) {
    a.fn.hoverDelay = function(c, f, g, b) {
        var g = g || 200,   //hover entry time
        b = b || 200,       //hover departure time
        f = f || c;
        var e = [],
        d = [];
        return this.each(function(h) {
            a(this).mouseenter(function() {
                var i = this;
                clearTimeout(d[h]);
                e[h] = setTimeout(function() {
                    c.apply(i)
                },
                g)
            }).mouseleave(function() {
                var i = this;
                clearTimeout(e[h]);
                d[h] = setTimeout(function() {
                    f.apply(i)
                },
                b)
            })
        })
    }
})(jQuery);

操作对象

$(function() {
$(".wrap h3").hoverDelay(function() {
        $(this).css("color","red");
    },
    function() {
         $(this).css("color","blue");
    });
	
$(".box").hoverDelay(function() {
        $(this).find(".popup").show();
    },
    function() {
        $(this).find(".popup").hide();
    });
});

HTML:

	
H3



	

		
popup