??

該圖標(biāo)在頁面中可通過上下左右鍵位來移動位置。

想達到該效果很簡易，分為兩個步驟

一.

在html中放入圖標(biāo)，根據(jù)自己的喜好改變圖標(biāo)大小與圓角效果。

二.

先聲明賦值兩個數(shù)值。

再通過window.onkeydown鍵盤事件來執(zhí)行該功能

在該事件中將瀏覽器兼容的值賦值給新聲明即將用到的變量

再通過判斷當(dāng)敲擊🔝鍵（鍵盤碼38），

to = to-100；再賦值給圖像的style.top

每點擊一次，圖標(biāo)則會往上移動100個px

down↓ 則為+100 鍵盤碼為40；

left←鍵盤碼為39，right→鍵盤碼為37；

與該圖片上下移動一樣 ，le = le+100為左邊，le = le - 100 則為右邊；

總結(jié)

以上是生活随笔為你收集整理的JavaScript图标移动小案例的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。