DHTML - Schwebende Ballons
Position in der html-Datei:
head
-Bereich
<script type="text/javascript"> <!-- // Moving Objects Script // By Virtual_Max // // Permission to use, copy, modify, and distribute this software and its documentation // for NON-COMMERCIAL purposes and without fee is hereby granted provided that this // notice appears in all copies. // // VIRTUAL MAX MAKES NO REPRESENTATIONS OR WARRANTIES ABOUT THE SUITABILITY OF THE // SOFTWARE, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE IMPLIED // WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, OR // NON-INFRINGEMENT. VIRTUAL MAX SHALL NOT BE LIABLE FOR ANY DAMAGES SUFFERED BY // LICENSEE AS A RESULT OF USING, MODIFYING OR DISTRIBUTING THIS SOFTWARE OR // ITS DERIVATIVES. var brOK=false; var mie=false; var aver=parseInt(navigator.appVersion.substring(0,1)); var aname=navigator.appName; function checkbrOK() { if(aname.indexOf("Internet Explorer")!=-1) { if(aver>=4) brOK=navigator.javaEnabled(); mie=true; } if(aname.indexOf("Netscape")!=-1) { if(aver>=4) brOK=navigator.javaEnabled(); } } var vmin=2; var vmax=5; var vr=2; var timer1; function Chip(chipname,width,height) { this.named=chipname; this.vx=vmin+vmax*Math.random(); this.vy=vmin+vmax*Math.random(); this.w=width; this.h=height; this.xx=0; this.yy=0; this.timer1=null; } function movechip(chipname) { if(brOK) { eval("chip="+chipname); if(!mie) { pageX=window.pageXOffset; pageW=window.innerWidth; pageY=window.pageYOffset; pageH=window.innerHeight; } else { pageX=window.document.body.scrollLeft; pageW=window.document.body.offsetWidth-8; pageY=window.document.body.scrollTop; pageH=window.document.body.offsetHeight; } chip.xx=chip.xx+chip.vx; chip.yy=chip.yy+chip.vy; chip.vx+=vr*(Math.random()-0.5); chip.vy+=vr*(Math.random()-0.5); if(chip.vx>(vmax+vmin)) chip.vx=(vmax+vmin)*2-chip.vx; if(chip.vx<(-vmax-vmin)) chip.vx=(-vmax-vmin)*2-chip.vx; if(chip.vy>(vmax+vmin)) chip.vy=(vmax+vmin)*2-chip.vy; if(chip.vy<(-vmax-vmin)) chip.vy=(-vmax-vmin)*2-chip.vy; if(chip.xx<=pageX) { chip.xx=pageX; chip.vx=vmin+vmax*Math.random(); } if(chip.xx>=pageX+pageW-chip.w) { chip.xx=pageX+pageW-chip.w; chip.vx=-vmin-vmax*Math.random(); } if(chip.yy<=pageY) { chip.yy=pageY; chip.vy=vmin+vmax*Math.random(); } if(chip.yy>=pageY+pageH-chip.h) { chip.yy=pageY+pageH-chip.h; chip.vy=-vmin-vmax*Math.random(); } if(!mie) { eval('document.'+chip.named+'.top ='+chip.yy); eval('document.'+chip.named+'.left='+chip.xx); } else { eval('document.all.'+chip.named+'.style.pixelLeft='+chip.xx); eval('document.all.'+chip.named+'.style.pixelTop ='+chip.yy); } chip.timer1=setTimeout("movechip('"+chip.named+"')",100); } } function stopme(chipname) { if(brOK) { //alert(chipname) eval("chip="+chipname); if(chip.timer1!=null) { clearTimeout(chip.timer1) } } } //--> </script>
Position in der html-Datei:
head
-Bereich
<script type="text/javascript"> <!-- var chip1; var chip2; var chip3; function pagestart() { checkbrOK(); chip1=new Chip("chip1",60,80); chip2=new Chip("chip2",60,80); chip3=new Chip("chip3",60,80); if(brOK) { movechip("chip1"); movechip("chip2"); movechip("chip3"); } } //--> </script>
Position in der html-Datei:
body
-Tag
onload="pagestart();" onunload="if(brOK) {stopme('chip1'); stopme('chip2'); stopme('chip3');}"
Quelle:
dynamicdrive.com/dynamicindex4/flyimage.htm
.
© 2000
.
.