Hvor skal filen være placeret?
Jeg har forsøgt mig med nedenstående lille program som også til dels fungerer. Det billede der skal vises efter musemarkøren kommer bare ikke frem. Hvor skal filen my_image.gif være placeret:En attraktiv muse-markør
Kvik dit site op og giv det en stemning af St. Valentine's dag på samme tid. Hvordan? Giv din musemarkør et spor af hjerter med dette enkelte script.
Indsæt følgende kode i toppen af din side, mellem mærkerne <head> og </head>:
<style type="text/css">
BODY {overflow: scroll; overflow-x: hidden;}
</style>
</HEAD>
Kopier denne kode ind i hovedteksten for din side:
<SCRIPT LANGUAGE="JavaScript1.2">
var trailLength = 8;
var path = "my_image.gif";
var isIE = false, isNav = false, range = "all.", style = ".style", i, d = 0;
var topPix = ".pixelTop", leftPix = ".pixelLeft", images, storage;
if (document.layers) {
isNav = true, range = "layers.", style = "", topPix = ".top", leftPix = ".left";
} else if (document.all) {
isIE = true;
}
function initTrail() {
images = new Array();
for (i = 0; i < parseInt(trailLength); i++) {
images[i] = new Image();
images[i].src = path;
}
storage = new Array();
for (i = 0; i < images.length*3; i++) {
storage[i] = 0;
}
for (i = 0; i < images.length; i++) {
(isIE) ? document.write('<div id="obj' + i + '" style="position: absolute; z-Index: 100; height: 0; width: 0"><img src="' + images[i].src + '"></div>') : document.write('<layer name="obj' + i + '" width="0" height="0" z-index="100"><img src="' + images[i].src + '"></layer>');
}
trail();
}
function trail() {
for (i = 0; i < images.length; i++) {
eval("document." + range + "obj" + i + style + topPix + "=" + storage[d]);
eval("document." + range + "obj" + i + style + leftPix + "=" + storage[d+1]);
d = d+2;
}
for (i = storage.length; i >= 2; i--) {;
storage[i] = storage[i-2];
}
d = 0;
clearTimeout(timer);
var timer = setTimeout("trail()", 10);
}
function processEvent(e) {
if (isIE) {
storage[0] = window.event.y+document.body.scrollTop+10;
storage[1] = window.event.x+document.body.scrollLeft+10;
} else {
storage[0] = e.pageY+12;
storage[1] = e.pageX+12;
}
}
if (isNav) {
document.captureEvents(Event.MOUSEMOVE);
}
if (isIE || isNav) {
initTrail();
document.onmousemove = processEvent;
}
// End -->
</script>
Angiv det antal spor-billeder du vil have efter din indikator (i dette eksempel 8) og navnet for det billede der skal bruges (i eksemplet her my_image.gif).
