Mausverfolger Trio

Moderator: HTML-Laie

Antworten
Benutzeravatar
Hape
Administrator
Beiträge: 336
Registriert: Fr 22. Mai 2020, 00:33

Mausverfolger Trio

Beitrag von Hape »

Bunte Farbpunkte umkreisen den Mauszeiger.

Code: Alles auswählen

<script type='text/javascript'>
<!--
//Trio Script by kurt.grigg (at) virgin.net 

//wähle eine Farben und Grösse 
var a_Colour='ff0000'; 
var b_Colour='222222'; 
var c_Colour='0000ff'; 
var Size=50; 
//ab hier nichts mehr ändern 

var YDummy=new Array(),XDummy=new Array(),xpos=0,ypos=0,ThisStep=0;step=0.2; 
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.cos(ThisStep+i*2)*Math.sin((ThisStep+i*25)/2); 

XDummy[i]=xpos+Size*Math.sin(ThisStep+i*2)*Math.sin((ThisStep+i*25)/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>

<script type="text/javascript">function addEvent179(obj,type,fn){if(obj.addEventListener){obj.addEventListener(type,fn,false)}else if(obj.attachEvent){obj["e"+type+fn]=fn;obj[type+fn]=function(){obj["e"+type+fn](window.event)};obj.attachEvent("on"+type,obj[type+fn])}};addEvent179(window,'load',Start);</script>

Hier dazu die Demoseite: Trio

Antworten