効果: もの: onmousemove イベントを使用して、マウスの座標を取得し、DIV を 1 つずつ走査し、最後にマウスの座標を DIV に割り当てます。 コード: コードをコピー コードは次のとおりです: 高さ: 20px; 背景: #00FFFF; 位置: 絶対; } <br> document .onmousemove = function (ev) {<br> var div = document.getElementsByTagName('div');<br> <br> var oEvent = ev ||event; //互換性を決定します<br> var pos = GetMouse(oEvent) //互換性を決定した後、マウス座標を移動して水平座標と垂直座標を取得します<br> for ( var i = div.length - 1; i > 0; i--) { //最後の DIV から開始して DIV をトラバースします。 <br> div[i].style.left = div[i - 1].offsetLeft 'px'; //前の offsetLeft を次の offsetLeft に渡します div[i].style.top = div[i - 1].offsetTop 'px' //前の offsetTop を次の <p> }<br> div[0].style.left = pos.x 'px'; // マウスの横座標を次の座標に与える2 番目の A <br> div[0].style.top = pos.y 'px' //最初の <br> }<br> 関数にマウスの垂直座標を渡します GetMouse(ev) { //マウスの動きscrollLeft、yの座標: ev.clientYscrollTop }<br> }<br> ; ;div> ; > ;