JS小案例之甩不掉的跟屁蟲

來源：懂視網(wǎng) 責(zé)編：小采時間：2020-11-27 19:56:05

JS小案例之甩不掉的跟屁蟲

JS小案例之甩不掉的跟屁蟲:這篇文章主要介紹了JS小案例之甩不掉的跟屁蟲 ,需要的朋友可以參考下根本鼠標(biāo)的XY值，讓元素移動<body> <img src="image/toux.ico" id="imgbug" alt="移動圖片"></body>

推薦度：

點擊下載本文 文檔為doc格式

導(dǎo)讀JS小案例之甩不掉的跟屁蟲:這篇文章主要介紹了JS小案例之甩不掉的跟屁蟲 ,需要的朋友可以參考下根本鼠標(biāo)的XY值，讓元素移動<body> <img src="image/toux.ico" id="imgbug" alt="移動圖片"></body>

這篇文章主要介紹了JS小案例之甩不掉的跟屁蟲 ,需要的朋友可以參考下

根本鼠標(biāo)的XY值，讓元素移動

<body>
 <img src="image/toux.ico" id="imgbug" alt="移動圖片"></body>

<script type="text/javascript">
 window.onload = function () {
 var ima = document.getElementById("imgbug");
 ima.style.position = "absolute";//讓圖片絕對定位
 //注冊鼠標(biāo)的移動處理函數(shù)
 document.onmousemove = function () {
 //改變圖片的坐標(biāo)
 //獲取鼠標(biāo)的坐標(biāo)
 var x = event.clientX;
 var y = event.clientY;
 ima.style.left = x-ima.offsetWidth+"px";
 ima.style.top = y - 76+"px";
 }
 }</script>

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

JS小案例之甩不掉的跟屁蟲

推薦度：

點擊下載本文 文檔為doc格式

標(biāo)簽： js 案例甩不掉

熱門焦點

JS小案例之甩不掉的跟屁蟲

JS小案例之甩不掉的跟屁蟲

JS小案例之甩不掉的跟屁蟲

最新推薦

猜你喜歡

熱門推薦