滑鼠移動事件
阿新 • • 發佈:2021-11-10
當滑鼠指標位於元素上方時時,改變元素的背景色:
$("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 之間)。