jquery - 如何使用 hoverIntent 插件？

Question

我是 jQuery 的新手，想将 hoverIntent 插件添加到我的站点作为我的导航菜单。我被提到了 Brian Cherne 的 site并查看要下载的代码，但我不太确定如何将它们组合在一起才能使其正常工作。

有人可以发布一个示例，说明添加了适当的 hoverIntent 插件代码后 HTML 代码应该是什么样子的吗？或者给我引用？

我将不胜感激!谢谢!

Answer 1

hoverIntent 插件遵循与 jQuery hover 方法完全相同的 api 签名。您可以在 http://cherne.net/brian/resources/jquery.hoverIntent.html 获取使用示例，直接看源码就可以了。

首先将 jQuery 包含到头部:

<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>

下载并包含 hoverIntent 插件后:

<script type="text/javascript" src="path/to/jquery.hoverIntent.js"></script>

然后你可以像这样在任何 jQuery 元素上使用 hoverIntent() 方法

$(element).hoverIntent(whatToDoWhenHover, whatToDoWhenOut);

元素 是一个 jQuery selector像 '#id' 或 '.class' 或 'div > .something', whatToDoWhenHover 和 whatToDoWhenOut 是将在用户开始悬停元素和停止时执行的函数。就像老好jQuery hover .

Example