perlunity.de | Javascript : Animationen - aufsteigende Blasen | Die Community für Perl PHP CGI Apache MySQL und Javascript

perlunity.de - PERL | JAVASCRIPT | PHP | MySQL | APACHE


	#!/COMMUNITY Members: 5187 davon online: 1 weitere User: 24

06.01.2009 / 07:50

Community-Member werden | Paßwort vergessen | OnlineMonitor (1)

Wer ist online ... OnlineMonitor starten !

Javascript » Animationen » aufsteigende Blasen
zur Übersicht

Kategorie Animationen

Bezeichnung aufsteigende Blasen

ScriptDemo Neues Fenster für Demo öffnen

Statistik 60785 Aufrufe davon 8x gestern

etwas mehr Effekt erzielt dieses Script, wenn man einen schönen Blubber-Hintergrund verwendet ;-)
Den Hintergrund können Sie hier downloaden.

Javascript-Quellcode (einfach markieren, kopieren und lokal abspeichern)

<style> A {z-index:100;} </style> <body background="gfxu/wasser.jpg"> <script> B=document.all; C=document.layers; T1=new Array("gfxu/trail.gif",10,10,"gfxu/trail.gif",16,16,"gfxu/trail.gif",22,21,"gfxu/trail.gif",28,26,"gfxu/trail.gif",30,31,"gfxu/trail.gif",38,35,"gfxu/trail.gif",38,35,"gfxu/trail.gif",30,31,"gfxu/trail.gif",28,26,"gfxu/trail.gif",22,21,"gfxu/trail.gif",16,16,"gfxu/trail.gif",10,10) nos=parseInt(T1.length/3) rate=100 ie5fix1=0; ie5fix2=0; LastPosX=0; LastPosY=0; for (i=0;i<nos;i++){ createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")} function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){ with (document){ write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; "); if(St){ if (C) write(" style='"); write(St+";' ") } else write((B)?"'":""); write((At)? At+">" : ">"); write((HT) ? HT : ""); if (!Op) closeContainer(N) } } function closeContainer(){ document.write((B)?"</div>":"</layer>") } function getXpos(N){ return (B) ? parseInt(B[N].style.left) : C[N].left } function getYpos(N){ return (B) ? parseInt(B[N].style.top) : C[N].top } function moveContainer(N,DX,DY){ c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY; LastPosX=DX; LastPosY=DY; } function cycle(){ //if (IE5) if (document.all&&window.print){ ie5fix1=document.body.scrollLeft; ie5fix2=document.body.scrollTop; } for (i=0;i<nos-1;i++) { r=RandGen(-10,10);r1=RandGen(5,20); moveContainer("CUR"+i,getXpos("CUR"+(i+1))+r,getYpos("CUR"+(i+1))+2-r1) } } function newPos(e){ moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2) } function delPos(e){ moveContainer("CUR"+(nos-1),-1000,-1000) } function RandGen(x, y) { var range = y-x+1; var l = ("" + range).length; var num = (Math.floor(Math.random() * Math.pow(10,l)) % range) + parseInt(x); return num; } if(document.layers) document.captureEvents(Event.MOUSEMOVE) //document.onclick=newPos document.onmousemove=newPos setInterval("cycle()",rate) </script>

Kommentare zu aufsteigende Blasen

8 Kommentar(e) vorhanden / Anzeige der neuesten 5

am 25.06.2005 um 10:41 Uhr von Ernesto O. www.raumzeitwellen
Welcher Spezialist hat das programmiert ? Es funktioniert wohl nur mit dem Internet-Explo...

am 23.11.2004 um 18:23 Uhr von Giovanna
Wie ist das, ... Darf ich dieses Wasser hintergrund Bild dann auch fuer meine Website verw...

am 20.10.2004 um 11:23 Uhr von Klausman
I find das cool mit den Blasen kann man in da Schul gut gebrauchen! Für unsre Lehrer...

am 01.04.2004 um 16:52 Uhr von Traudl
Kann auch die Blasen nicht sehen, habe alles richtig eingefügt, jedoch für die Blasen hab...

am 22.03.2004 um 14:29 Uhr von mS-mystic
@dani du musst das bild auf deinem rechner speichern und dann den pfad richtig angeben... ...

Alle Kommentare anzeigen - Kommentar hinzufügen

Link: /javascript/scripts/javascript_0134_main.shtml .::. Aufrufe heute: 1 .::. Aufrufe gesamt: 42355