如何利用javascript改變滑鼠指標的形狀

antzone發表於2017-03-22

大家知道滑鼠指標的形狀是可以改變的,比如在預設狀態下,當滑鼠放在連結上的時候,會變成小手的狀態,下面就通過程式碼例項介紹一下如何利用javascript動態的介紹一下如何改變滑鼠的形狀。

滑鼠形狀對應圖表:

a:3:{s:3:\"pic\";s:43:\"portal/201703/22/135428ro1vwgvqflaoqfqg.gif\";s:5:\"thumb\";s:0:\"\";s:6:\"remote\";N;}

當然可能上面的滑鼠指標形狀是具有瀏覽器相容性問題的。

動態改變滑鼠形狀程式碼如下:

[JavaScript] 純文字檢視 複製程式碼
function setCursorByID(id,cursorStyle){  
  if(document.getElementById){  
    if(document.getElementById(id).style){  
      document.getElementById(id).style.cursor=cursorStyle;  
    }  
  }  
}

以上程式碼就是一個改變滑鼠指標形狀的函式封裝。

相關文章