JS基礎-hover在jquery中的使用方法

2019-12-11 09:24:44

開啟Dreamweaver軟體新建HTML檔案，然後在body建立標籤h4和p標籤

對h4和p標籤新增修飾，並將jquery檔案匯入檔案中

對其新增修飾後，效果如圖，現在預設情況下，p標籤顏色為紅色

然後在下面新增hover編寫，當滑鼠經過h4時，p發生變化，所以是對h4發生的變化

當滑鼠經過h4時，p標籤顏色為紅色，當滑鼠移開時，背景變為藍色，這是一系列動作，hover代表了經過和離開的過程，所以中間以逗號隔開

$("h4").hover(function(){

$("p").css("background-color","yellow")

},function(){

$("p").css("background-color","blue")

})

最後在瀏覽器中觀看效果，一開始預設為設定的紅色，當滑鼠移動到文字中時，下面的p標籤顏色變為黃色，當滑鼠移開時，背景變為藍色。