hover动作时间html,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
类似资料：