ich hab im Internet ein Mauszeiger Script gefunden, was bewirkt das der Mauszeiger von 3 Punkten ständig verfolgt wird, ich fand das so cool, dass ich mir das auf meine Seite eingebaut habe. Doch ich habe ein kleins Problem und ich weiß nicht voran es liegt. Das Problem liegt darin das die 3 Punkte den Mauszeiger nicht mehr richtig folgen sobald man auf der Seite etwas runter scrollt. Darum bitte ich um Hilfe, wenn es hier JavaScript Experten/Profis/Hobby Programmier gibt.
Vielleicht könntet ihr mir sagen woran das liegt und wie man es verbessern kann.
Hier der Quellcode:
<script type='text/javascript'>
<!--
//Trio 3 Script by kurt.grigg (at) virgin.net
//Choose colours and size of effect !! wähle Farben und Grösse
var a_Colour='fff000';
var b_Colour='00ff00';
var c_Colour='ff00ff';
var Size=120;
//Alter nothing below !! ab hier nichts mehr ändern!!
var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.6;
if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function nsMouse(evnt){
xpos = window.pageYOffset+evnt.pageX+6;
ypos = window.pageYOffset+evnt.pageY+16;
}
window.onMouseMove = nsMouse;
}
else if (document.getElementById)
{
function ieMouse(e){
if (!e) {
xpos = document.documentElement.scrollLeft+event.x+6;
ypos = document.documentElement.scrollTop+event.y+16;
} else {
xpos = e.pageX+6;
ypos = e.pageY+16;
}
}
document.onmousemove = ieMouse;
}
function swirl(){
for (i = 0; i < 3; i++)
{
YDummy[i]=ypos+Size*Math.sin((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
XDummy[i]=xpos+Size*Math.cos((1*Math.sin((ThisStep)/10))+i*2)*Math.sin((ThisStep)/4);
}
ThisStep+=step;
setTimeout('swirl()',10);
}
var amount=10;
if (document.layers){
for (i = 0; i < amount; i++)
{
document.write('<layer name="nsa'+i+'" top="0" left="0" width="'+i/2+'" height="'+i/2+'" bgcolor="'+a_Colour+'"></layer>');
document.write('<layer name="nsb'+i+'" top="0" left="0" width="'+i/2+'" height="'+i/2+'" bgcolor="'+b_Colour+'"></layer>');
document.write('<layer name="nsc'+i+'" top="0" left="0" width="'+i/2+'" height="'+i/2+'" bgcolor="'+c_Colour+'"></layer>');
}
}
else if (document.getElementById){
document.write('<div id="ODiv" style="position:absolute;top:0px;left:0px">'
+'<div id="IDiv" style="position:relative">');
for (i = 0; i < amount; i++)
{
document.write('<div id="x'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#'+a_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id="y'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#'+b_Colour+';font-size:'+i/2+'"></div>');
document.write('<div id="z'+i+'" style="position:absolute;top:0px;left:0px;width:'+i/2+'px;height:'+i/2+'px;background:#'+c_Colour+';font-size:'+i/2+'"></div>');
}
document.write('</div></div>');
}
function prepos(){
var ntscp=document.layers;
var msie=document.getElementById;
if (document.layers){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
ntscp['nsa'+i].top=ntscp['nsa'+(i+1)].top;ntscp['nsa'+i].left=ntscp['nsa'+(i+1)].left;
ntscp['nsb'+i].top=ntscp['nsb'+(i+1)].top;ntscp['nsb'+i].left=ntscp['nsb'+(i+1)].left;
ntscp['nsc'+i].top=ntscp['nsc'+(i+1)].top;ntscp['nsc'+i].left=ntscp['nsc'+(i+1)].left;
}
else
{
ntscp['nsa'+i].top=YDummy[0];ntscp['nsa'+i].left=XDummy[0];
ntscp['nsb'+i].top=YDummy[1];ntscp['nsb'+i].left=XDummy[1];
ntscp['nsc'+i].top=YDummy[2];ntscp['nsc'+i].left=XDummy[2];
}
}
}
else if (document.getElementById){
for (i = 0; i < amount; i++)
{
if (i < amount-1)
{
document.getElementById('x'+i).style.top=document.getElementById('x'+(i+1)).style.top;
document.getElementById('x'+i).style.left=document.getElementById('x'+(i+1)).style.left;
document.getElementById('y'+i).style.top=document.getElementById('y'+(i+1)).style.top;
document.getElementById('y'+i).style.left=document.getElementById('y'+(i+1)).style.left;
document.getElementById('z'+i).style.top=document.getElementById('z'+(i+1)).style.top;
document.getElementById('z'+i).style.left=document.getElementById('z'+(i+1)).style.left;
}
else
{
document.getElementById('x'+i).style.top=YDummy[0]+"px";document.getElementById('x'+i).style.left=XDummy[0]+"px";
document.getElementById('y'+i).style.top=YDummy[1]+"px";document.getElementById('y'+i).style.left=XDummy[1]+"px";
document.getElementById('z'+i).style.top=YDummy[2]+"px";document.getElementById('z'+i).style.left=XDummy[2]+"px";
}
}
}
setTimeout("prepos()",10);
}
function Start(){
swirl(),prepos();
}
//-->
</script>
<br />
<script type="text/javascript" src="http://www.kostenlose-javascripts.de/startScript.php?id=179"></script>
betroffene Homepage: mysterymark.de
Zuletzt modifiziert von SnIper am 02.12.2010 - 15:51:41
