1. 程式人生 > 其它 >滑鼠移動事件

滑鼠移動事件

當滑鼠指標位於元素上方時時,改變元素的背景色:

$("p").mouseover(function(){
  $("p").css("background-color","yellow");
});

當滑鼠指標位於元素上方時,會發生 mouseover 事件。

該事件大多數時候會與mouseout事件一起使用。

mouseover() 方法觸發 mouseover 事件,或規定當發生 mouseover 事件時執行的函式。

註釋:與 mouseenter 事件不同,不論滑鼠指標穿過被選元素或其子元素,都會觸發 mouseover 事件。只有在滑鼠指標穿過被選元素時,才會觸發 mouseenter 事件。

jQuery toggle()

通過 jQuery,您可以使用 toggle() 方法來切換 hide() 和 show() 方法。

顯示被隱藏的元素,並隱藏已顯示的元素:

jQuery Fading 方法

通過 jQuery,您可以實現元素的淡入淡出效果。

jQuery 擁有下面四種 fade 方法:

  • fadeIn() jQuery fadeIn() 用於淡入已隱藏的元素。
  • fadeOut()jQuery fadeOut() 方法用於淡出可見元素。
  • fadeToggle()

    jQuery fadeToggle() 方法可以在 fadeIn() 與 fadeOut() 方法之間進行切換。

    如果元素已淡出,則 fadeToggle() 會向元素新增淡入效果。

    如果元素已淡入,則 fadeToggle() 會向元素新增淡出效果。

  • fadeTo() jQuery fadeTo() 方法允許漸變為給定的不透明度(值介於 0 與 1 之間)。