1. Following the mouse div
1Window.onmousemove =function(EV) {2 //Browser compatible3 varoevent = EV | |event;4 varOdiv = document.getElementById ("Div1");5 6 //the distance the page scrolls7 varscrolltop = Document.documentElement.scrollTop | |Document.body.scrollTop;8 varScrollLeft = Document.documentElement.scrollLeft | |Document.body.scrollLeft;9 TenODiv.style.top = scrolltop + oevent.clienty + "px"; OneODiv.style.left = scrollleft + oevent.clientx + "px"; A};
2. A series of Div following the mouse
1Window.onload =function() {2 varDIVs = document.getElementsByTagName ("div");3 4Window.onmousemove =function(EV) {5 varoevent = EV | |event;6 7 for(vari = divs.length-1; i > 0; i--) {8Divs[i].style.left = divs[i-1].style.left;9Divs[i].style.top = divs[i-1].style.top;Ten } One ADivs[0].style.left = Oevent.clientx + "px"; -Divs[0].style.top = Oevent.clienty + "px"; - } the};
A div followed by a mouse and a series of Div following the mouse