樣式根據鼠標的移動而移動
阿新 • • 發佈:2018-11-03
mov cti body cnblogs com osi class 方法 logs
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js 鼠標移動</title> <style> #div1{ width: 50px; height: 50px; background: red; position: absolute; /*這個是關鍵*/ } </style> <script> //效果是樣式跟著鼠標的移動而移動 document.onmousemove=function(ev) { //鼠標移動 var oEvent=ev||event; var oDiv=document.getElementById("div1"); oDiv.style.left=oEvent.clientX+"px"; oDiv.style.top=oEvent.clientY+"px"; }</script> </head> <body> <div id="div1"></div> </body> </html>
如果高度,寬度很大,解決方法:https://www.cnblogs.com/quitpoison/p/9900714.html
樣式根據鼠標的移動而移動