效果： 思路： 利用onmousemove事件，然后获取鼠标的坐标，之后把DIV挨个遍历，最后把鼠标的坐标赋给DIV。 代码： 复制代码 代码如下: <BR> div<BR> {<BR> width: 20px;<BR> height: 20px;<BR> background: #00FFFF;<BR> position: absolute;<BR> }<BR> <BR> document.onmousemove = function (ev) {<BR> var div = document.getElementsByTagName('div'); <P> var oEvent = ev || event; //判断兼容性<BR> var pos = GetMouse(oEvent); //确定兼容性后，利用鼠标移动坐标的函数来取得横纵坐标<BR> for (var i = div.length - 1; i > 0; i--) { //遍历DIV，从最后一个开始。<BR> div[i].style.left = div[i - 1].offsetLeft + 'px'; //将前一个的offsetLeft给后一个<BR> div[i].style.top = div[i - 1].offsetTop + 'px'; //将前一个的offsetTop给后一个<BR> }<BR> div[0].style.left = pos.x + 'px'; //将鼠标的横坐标给第一个<BR> div[0].style.top = pos.y + 'px'; //将鼠标的纵坐标给第一个<BR> }<BR> function GetMouse(ev) { //获取鼠标移动的坐标<BR> var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;<BR> var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;<BR> return { x: ev.clientX + scrollLeft, y: ev.clientY + scrollTop }<BR> }<BR>
