Der Mauszeiger wird von DIV-Elementen verfolgt.
drweb.de - Magazin für Seitenbetreiber
jQuery.noConflict();
jQuery(document).ready(function() {
var follow = [];
// Absolut positioniertes Div erzeugen und an follow[] sowie
// HTML Body anhängen.
function addDiv(color) {
var el = document.createElement("div");
el.style.backgroundColor = color;
el.style.position = "absolute";
el.style.left = 0;
el.style.top = 0;
el.style.margin = 0;
el.style.padding = 0;
el.style.borderWidth = 0;
el.style.fontSize = 0; // IE
el.style.width = "40px";
el.style.height = "40px";
follow.push(el);
document.getElementsByTagName("body")[0].appendChild(el);
}// addDiv
// Divs erzeugen
addDiv("red"); // follow[0]
addDiv("green");
addDiv("blue");
addDiv("yellow");
addDiv("aqua");
addDiv("fuchsia"); // follow[5]
// Mousemove-Handler
jQuery(document).mousemove(function(e) {
// follow[5].pos = follow[4].pos;
// follow[4].pos = follow[3].pos;
// ...
// follow[1].pos = follow[0].pos;
for(var i = follow.length - 1; i >= 1; i--) {
follow[i].style.left = follow[i - 1].style.left;
follow[i].style.top = follow[i - 1].style.top;
}
// follow[0].pos = Aktuelle Position des Mauszeigers im Dokument
follow[0].style.left = e.pageX + "px";
follow[0].style.top = e.pageY + "px";
});// mousemove
});// jQuery(document).ready(function() {