Forum - Ausgefallene Mausverfolgung, effektvoll, speziell und individuell einstellbar

<script type="text/javascript">
if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){
 
(function(){
 
//Schrift-Einstellungen Anfang
 
var msg = 'Hilfe, Tricks & Tipps'; // Text
var font = 'arial'; // Schriftart - Arial, Arial Black, Comic Sans MS, Courier New, Impact, Verdana
var size = 18; // Schriftgröße - Angabe in px
var fstyle = 'normal'; // Schriftstil - italic, oblique, normal
var fweight = '100'; // Schriftdicke - 100, 200, 300, 400, 500, 600, 700, 800, 900
var pleft = 2; // Linker Innenabstand in px
var pright = 2; // Rechter Innenabstand in px
var ptop = 0; // Oberer Innenabstand in px
var pbottom = 0; // Unterer Innenabstand in px
var wsize = 1.5; // Buchstabenabstand - Min. 1.0 ohne Rahmen, mit Rahmen +0.1 pro 1px Rahmenbreite, bei pright > 0 = anpassen 
var colour = '#FCC803'; // Schriftfarbe
var bsize = 2; // Rahmenbreite - Angabe in px
var bstyle = 'solid'; // Rahmentyp - none (keine Rahmen), solid, dotted, dashed, double, groove, ridge, inset, outset
var bradius = '5px'; // Runder Rahmen
var bcolour = '#000023'; // Rahmenfarbe
var bgcolour = '#0C06B0'; // Hintergrundfarbe
var image = ''; // Hintergrundbild - z.B. 'https://files.homepagemodules.de/b104774/a_551_5a11a858.gif'
var delay = 0.45; // Verzögerung - kleine Werte, starke Verzögerung - Wert= 0.01 bis 0.99
var speed = 40; // Geschwindigkeit - kleine Werte, hohe Geschwindigkeit - Werte= größer 1
var yOffSet = 25; // Y-Abstand zum Mauszeiger in px
var xOffSet = 25; // X-Abstand zum Mauszeiger in px
 
//Schrift-Einstellungen Ende
 
var d = document;
msg = msg.split("");
var n = msg.length; 
var y = 0;
var x = 0;
var yp = [];
var xp = [];
var yd = [];
var xd = [];
var temp = [];
var idx = document.getElementsByTagName('div').length;
var scy = 0;
var scx = 0;
var dom = (typeof window.pageYOffset == "number");
 
d.write('<div style="position:absolute;z-index:9999999; top:0px;left:0px;">'
+'<div style="position:relative">');
 
for (i = 0; i < n; i++){
d.write("<div id='letters"+(idx+i)+"' style='position : absolute;"
+"top : 0px;left : 0px;"
+"height : auto;width : "+size+"px;"
+"text-align : center;"
+"background-image: url("+image+");"
+"border : "+bsize+"px;"
+"border-style : "+bstyle+";"
+"border-radius : "+bradius+";"
+"border-color : "+bcolour+";"
+"background-color : "+bgcolour+";"
+"padding-left : "+pleft+"px;"
+"padding-right : "+pright+"px;"
+"padding-top : "+ptop+"px;"
+"padding-bottom : "+pbottom+"px;"
+"font : "+size+"px "+font+";color : "+colour+";font-weight : "+fweight+";font-style : "+fstyle+";'>"+msg[i]+"</div>");}
 
document.write('</div></div>');
 
function scroll(){
if (dom){
 scy = window.pageYOffset;
 scx = window.pageXOffset;
 }
else{
 scy = d.documentElement.scrollTop||d.body.scrollTop;
 scx = d.documentElement.scrollLeft||d.body.scrollLeft;
 }
}
 
function mouse(e){
e = e||window.event;
y = yOffSet + ((e.pageY-scy)||e.clientY);
x = xOffSet + ((e.pageX-scx)||e.clientX);
}
 
function assign(){
 for (i = 0; i < n; i++){
 temp[i].top = Math.floor(yp[i]) + 'px';
 temp[i].left = Math.floor(xp[i]) + (i*(size * wsize)) + 'px'; 
 } 
}
 
function ripple(){
yp[0] = yd[0]+=((y+scy)-yd[0]) * delay;
xp[0] = xd[0]+=((x+scx)-xd[0]) * delay;
for (var i = 1; i < n; i++){
 yp[i] = yd[i]+=(yp[i-1] - yd[i]) * delay;
 xp[i] = xd[i]+=(xp[i-1] - xd[i]) * delay;
}
scroll();
assign();
setTimeout(ripple,speed);
}
 
function init(){
for (i = 0; i < n; i++){
yp[i] = 0;
xp[i] = 0;
yd[i] = 0;
xd[i] = 0;
temp[i] = d.getElementById("letters"+(idx+i)).style; 
}
ripple();
}
 
if (window.addEventListener){
 window.addEventListener("load",init,false);
 document.addEventListener("mousemove",mouse,false);
}  
else if (window.attachEvent){
 window.attachEvent("onload",init);
 document.attachEvent("onmousemove",mouse);
} 
})();
}
 
</script>