jQuery hoverIntent 是一套用以延遲滑鼠 mouseover 和 mouseout 事件的插件, 可有效防止用戶在一個物件上連續觸發多次事件的情況。

傳統的 hover:

$("#layer").hover(function() {
    //mouserover event
},function() {
    //mouserout event
});

使用hoverintent:

$("#layer").hoverIntent({
	interval: 500,
	over: function(){
		//mouserover event
	},
	timeout: 500,
	out: function(){
		//mouserout event
	}
});

插件網址:

http://cherne.net/brian/resources/jquery.hoverIntent.html

options:

over(選填)
描述： 當滑鼠移入後要執行的動作
預設值： 無
 
interval(選填)
描述： 當滑鼠移入時，若在 interval 時間內又移出的話，則不會觸發移入的動作。
預設值： 100
 
timeout(選填)
描述： 當滑鼠移出時，若在 timeout 時間內又移入的話，則不會觸發移出的動作。
預設值： 0
 
out(選填)
描述： 當滑鼠移出後要執行的動作
預設值： 無
 
sensitivity(選填)
描述： 滑鼠移動距離的敏感度；最小要設為 1
預設值： 7