效果： 思路： 利用onmousemove事件，然後取得滑鼠的座標，之後把DIV挨個遍歷，最後把滑鼠的座標賦給DIV。 程式碼： 複製程式碼 程式碼如下: <BR> div<BR> ;<BR> height: 20px;<BR> background : #00FFFF;<BR> position: absolute;<BR> }<BR> document.onmousemove = function (ev) {<BR> var div = document.getElementsByTagName('div');<BR> <BR> var oEvent = ev || event; //判斷相容性<BR> 🎜> for ( var i = div.length - 1; i > 0; i--) { //遍歷DIV，從最後一個開始。 div[i].style.left = div[i - 1].offsetLeft 'px'; div[i].style.top = div[i - 1].offsetTop 'px'; //將前一個的offsetTop給後一個<P> }<BR> 將滑鼠的橫座標給第一<BR> div[0].style.top = pos.y 'px'; //將滑鼠的縱座標給第一個< //取得滑鼠移動的座標<BR> var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;< .body.scrollLeft;<BR> return { x: ev.clientX scrollLeft, y: ev.clientY scrollTop }<BR> }<BR> <BR><BR><body><>div div><BR> >
