0 Mitglieder und 1 Gast sind derzeit online:
(Als registrierter User sieht man hier natürlich etwas mehr.)
Sei dabei! Es macht Spaß, kostet nix und tut überhaupt nicht weh !
Ein kleiner Mausverfolger mag nicht jedermans Sache sein, aber dezent gehalten, kann er zum Hingucker werden. Die Grafik, deren Größe, Abstand zum Mauszeiger und Anzeigedauer können über Script-vars frei gewählt werden. Das Script wird einfach in die Fusszeile eingesetzt.
var verfolger = "...Adresse der Grafik..."; //Eingabe der Bildadresse var breite = "25"; // Breite des Bildes var hoehe = "20"; // Höhe des Bildes var mausabstand = [30,20]; // Abstand X-Y-Achse des Bildes vom Mauszeiger in px angeben var anzeigedauer = 0; // Anzeigezeit des Bildes in Sekunden, 0 = immer anzeigen
// ab hier bitte nichts mehr ändern
$('body').prepend('<img id="Mausverfolger" src="' + verfolger + '" style="width: '+ breite +'px; height: '+ hoehe +'px; position: absolute; left: -2%; top: -1%; z-index:3000;" />'); if (document.getElementById || document.all){ document.getElementsByTagName('Mausverfolger').src = verfolger ; } function gettrailobj(){ if (document.getElementById) return document.getElementById("Mausverfolger").style else if (document.all) return document.all.verfolger.style } function truebody(){ return (document.compatMode!="BackCompat")? document.documentElement : document.body } function hidetrail(){ gettrailobj().visibility="hidden" document.onmousemove="" } function followmouse(e){ var xcoord=mausabstand[0] var ycoord=mausabstand[1] if (typeof e != "undefined"){ xcoord+=e.pageX ycoord+=e.pageY } else if (typeof window.event !="undefined"){ xcoord+=truebody().scrollLeft+event.clientX ycoord+=truebody().scrollTop+event.clientY } var docwidth=document.all? truebody().scrollLeft+truebody().clientWidth : pageXOffset+window.innerWidth-15 var docheight=document.all? Math.max(truebody().scrollHeight, truebody().clientHeight) : Math.max(document.body.offsetHeight, window.innerHeight) if (xcoord+verfolger[1]+3>docwidth || ycoord+verfolger[2]>docheight) gettrailobj().display="none" else gettrailobj().display="" gettrailobj().left=xcoord+"px" gettrailobj().top=ycoord+"px" } document.onmousemove=followmouse if (anzeigedauer > 0) setTimeout("hidetrail()", anzeigedauer*1000)
</script>
Die "var"- Zeilen (3-7) am Anfang des Scriptes dienen der Grafikkonfiguration.
... wer andern eine Grube gräbt, ist selbst der Grubengräber ! :-)
Ich bin begeistert über diesen kleinen Mausverfolger, weil man das Script von Fränki nur in die Fusszeile einzufügen braucht und somit ein Plugin sparen kann! Super umgesetzt, ich freue mich sehr darüber!
cirrus minor hat das Thema Soundeffekt bei Bild-Mouseover erstellt.