📜  jQuery hover()

📅  最后修改于: 2020-11-26 07:06:42             🧑  作者: Mango

jQuery悬停()

当您将鼠标指针漫游到所选元素上时,jQuery hover()方法将执行两个函数。 hover()方法同时触发mouseenter和mouseleave事件。

句法:

$(selector).hover(inFunction,outFunction) 

注意:如果仅指定一个函数,则将同时为mouseenter和mouseleave事件运行该函数。

jQuery hover()事件的参数

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.

jQuery hover()示例

让我们以一个示例来看一下hover()效果。在此示例中,当您将鼠标指针悬停在所选元素上时,该所选元素的背景色将更改。








Hover your mouse pointer on me!

输出:

将鼠标指针悬停在我身上!

注意:在上面的示例中,所选元素的背景色对于mouseenter事件是紫色,对于mouseleave事件是绿色。

jQuery hover()示例2

让我们来看一个结合了fadeIn和fadeOut效果的hover()事件的示例。




  
  hover demo
  
  


  • Java
  • SQL
  • Android
  • php