📅  最后修改于: 2020-11-26 07:06:42             🧑  作者: Mango
当您将鼠标指针漫游到所选元素上时,jQuery hover()方法将执行两个函数。 hover()方法同时触发mouseenter和mouseleave事件。
句法:
$(selector).hover(inFunction,outFunction)
注意:如果仅指定一个函数,则将同时为mouseenter和mouseleave事件运行该函数。
Parameter | Description |
---|---|
InFunction | It is a mandatory parameter. It is executed the function when mouseenter event occurs. |
OutFunction | It is an optional parameter. It is executed the function when mouseleave event occurs. |
让我们以一个示例来看一下hover()效果。在此示例中,当您将鼠标指针悬停在所选元素上时,该所选元素的背景色将更改。
Hover your mouse pointer on me!
输出:
将鼠标指针悬停在我身上!
注意:在上面的示例中,所选元素的背景色对于mouseenter事件是紫色,对于mouseleave事件是绿色。
让我们来看一个结合了fadeIn和fadeOut效果的hover()事件的示例。
hover demo
- Java
- SQL
- Android
- php