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

工作中經常碰到操縱jquery判定一些工具的需求 , 下面我們就來說一下jquery若何判定鼠標逗留以及鼠標滑過;

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


方式/
1【jquery如何判斷鼠標停留以及鼠標滑過】如圖所示 , 我們起首建立一個HTML文件 , 并編寫好根本代碼;

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



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

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



3然后 , 建立一個div , 并設置好樣式 , 讓div外顯出來;

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



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

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



5之后我們接著編寫js代碼 , 如圖 , 操縱hover函數;

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



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

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



7之后 , 在移開的時辰進行還原div的顏色 , 如圖所示;

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




以上內容就是jquery如何判斷鼠標停留以及鼠標滑過的內容啦 , 希望對你有所幫助哦!

    猜你喜歡