首頁 > 網際網路

jquery如何判斷滑鼠停留以及滑鼠滑過

2019-12-11 11:54:44

工作中常常遇到利用jquery判斷一些東西的需求,下面我們就來說一下jquery如何判斷滑鼠停留以及滑鼠滑過;


1

如圖所示,我們首先建立一個HTML檔案,並編寫好基礎程式碼;


2

隨後我們引入jquery框架,如圖所示;


3

然後,建立一個div,並設定好樣式,讓div外顯出來;


4

然後我們先執行一下HTML頁面,看看div是否外顯出來了,如圖所示;


5

之後我們接著編寫js程式碼,如圖,利用hover函數;


6

hover函數一共有兩個引數,分別是滑鼠懸停在元素上和移開元素的操作,我們在懸停操作時進行改變div的顏色,如圖所示;


7

之後,在移開的時候進行還原div的顏色,如圖所示;



IT145.com E-mail:sddin#qq.com