Mausverfolger Wasserblasen

Moderator: HTML-Laie

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

Mausverfolger Wasserblasen

Beitrag von Hape »

Code: Alles auswählen

<script type="text/javascript" language="JavaScript">
<!--
// Under Water Mouse - Kurt Grigg -
// http://www.btinternet.com/~kurt.grigg/javascript
// More scripts available at http://www.hypergurl.com

n4=(document.layers);
n6=(document.getElementById&&!document.all);
ie=(document.all);
o6=(navigator.appName.indexOf("Opera") != -1)?true:false; img0=new Image();

// ::: URL des Images :::::::::::::::::::
img0.src="whitebubble.gif";

// ::: Anzahl :::::::::::::::::::::::::::
// z.B. num=(n6)?10:15;

num=(n6)?5:7;



y=0;
x=0;
if (n4||n6)
{
window.captureEvents(Event.MOUSEMOVE);
function mouse1(e)
{
y = e.pageY-20-window.pageYOffset;
x = e.pageX-4;
}
if (n4) window.onMouseMove=mouse1;
else
document.onmousemove=mouse1;
}
if (ie||o6)
{
function mouse2()
{ y = (ie)?event.clientY-20:event.clientY-20-window.pageYOffset;
x = event.clientX-4;
}
document.onmousemove=mouse2;
}
yp=new Array();
xp=new Array();
sp=new Array();
rt=new Array();
gr=new Array();
s1=new Array();
s2=new Array();
nz=new Array();

wh=(ie)?window.document.body.clientHeight:window.innerHeight;
for (i=0; i < num; i++)
{
yp[i]=Math.random()*wh-y;
xp[i]=x;
sp[i]= 6+Math.random()*3;
s1[i]=0;
s2[i]=Math.random()*0.1+0.05;
gr[i]=4; nz[i]=Math.random()*15+5;
rt[i]=Math.random()*0.5+0.1;
}
if (n4)
{
for (i=0; i < num; i++)
{ document.write("<LAYER NAME='bub"+i+"' LEFT=0 TOP=-50>" +"<img src='bluebub.gif' width="+nz[i]+" height="+nz[i]+"></LAYER>");
}
}
if (ie)
{ document.write('<div style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < num; i++)
{
document.write('<img id="bub'+i+'" src="'+img0.src+'" style="position:absolute;top:-50px;left:0px">');
}
document.write('</div></div>');
}
if (n6||o6)
{
for (i=0; i < num; i++)
{
document.write("<div id='bub"+i+"' style='position:absolute;top:-50px;left:0px'>" +"<img src="+img0.src+" width="+nz[i]+" height="+nz[i]+"></div>");
}
}

function MouseBubbles()
{
scy=(document.all)?document.body.scrollTop:window.pageYOffset;
scx=(document.all)?document.body.scrollLeft:window.pageXOffset;
for (i=0; i < num; i++)
{
sy = sp[i]*Math.sin(270*Math.PI/180);
sx = sp[i]*Math.cos(s1[i]*5);
yp[i]+=sy;
xp[i]+=sx;
if (yp[i] < -40)
{
yp[i]=y;
xp[i]=x;
sp[i]= 6+Math.random()*3;
gr[i]=4;
nz[i]=Math.random()*15+5;
}
if (n4)
{
document.layers["bub"+i].left=xp[i]+scx;
document.layers["bub"+i].top=yp[i]+scy;
}
if (ie)
{
document.getElementById("bub"+i).style.left=xp[i]+scx;
document.getElementById("bub"+i).style.top=yp[i]+scy;
document.getElementById("bub"+i).style.width=gr[i];
document.getElementById("bub"+i).style.height=gr[i];
}
if (n6||o6)
{
document.getElementById("bub"+i).style.left=xp[i]+scx; document.getElementById("bub"+i).style.top=yp[i]+scy;
}
gr[i]+=rt[i];
s1[i]+=s2[i];
if (gr[i] > 14) gr[i]=15;
}
setTimeout('MouseBubbles()',10);
}
MouseBubbles();
//-->
</script>
Demoseite dazu hier:Wasserblasen
whitebubble.gif
whitebubble.gif (625 Bytes) 395 mal betrachtet
bluebub.gif
bluebub.gif (542 Bytes) 395 mal betrachtet

Antworten