Mit diesem Script kann man den "Bildschirm" beben lassen. Die Stärke kann im Script eingestellt werden, welches dann auch zugleich die Zeitdauer steuert. Dieses Script startet automatisch beim Aufruf der Seite.
Hier gehts zur Demo
HTML-Einbindung <!-- Script-Anfang --> <!-- www-java24.net - DIE Javascript - Ressource --> <!-- Diesen Code musst Du in den -head- einbauen --> <style> #quakenotice_ie{ font:normal 14px Arial; position:absolute; width:300px; height:55px; border:2px solid black; background-color:lightyellow; visibility:hidden; } </style> <script> /* EarthQuake script- © Dynamic Drive (www.dynamicdrive.com) For full source code, installation instructions, 100's more DHTML scripts, and Terms Of Use, Visit http://dynamicdrive.com */ //Hier können Sie die Wahrscheinlichkeit einstellen, dass das Erdbeben auftritt var chance_of_occurence="100%" /////do NOT edit below this line///////////// //variable used to store the equivalency of the 10 rector scales (in the form of 1, 3, 6...etc) var rectorscale=new Array(1,3,6,9,12,15,18,21,24,27) chance_of_occurence=parseInt(chance_of_occurence) function earthquake(){ //randomly assign a number from 1 to 10 to variable rectorindex rectorindex=Math.floor(Math.random()*10) //randomly assign one of element rectorscale into variable rector rector=rectorscale[rectorindex] if ((document.all||document.layers)&&Math.floor(Math.random()*100)<=chance_of_occurence) { //shake the browser's screen according to the random rector scale! for (i=0;i,i<20;i++){ window.moveBy(0,rector) window.moveBy(rector,0) window.moveBy(0,-rector) window.moveBy(-rector,0) } // show quake message quakealert() } } if (document.all) document.write('<div id="quakenotice_ie"></div>') function quakealert(){ var quakemessage='Ein Erdbeben der Stufe <b>'+eval(rectorindex+1)+'</b> ist soeben aufgetreten! Bitte bewahren Sie Ruhe.' if (document.all){ quakemsg_ie=document.all.quakenotice_ie quakemsg_ie.innerHTML=quakemessage //position quake message in center of screen quakemsg_ie.style.left=document.body.scrollLeft+document.body.clientWidth/2-quakemsg_ie.offsetWidth/2 quakemsg_ie.style.top=document.body.scrollTop+document.body.clientHeight/2-quakemsg_ie.offsetHeight/2 quakemsg_ie.style.visibility="visible" //gibt an, wie lange das Hinweisfenster im Internet Explorer erscheint. 5000 = 5 Sekunden setTimeout("quakemsg_ie.style.visibility='hidden'",5000) } else if (document.layers){ quakemsg_ns=document.quakenotice_ns quakemsg_ns.document.write(quakemessage) quakemsg_ns.document.close() quakemsg_ns.left=pageXOffset+window.innerWidth/2-quakemsg_ns.document.width/2 quakemsg_ns.top=pageYOffset+window.innerHeight/2-quakemsg_ns.document.height/2 quakemsg_ns.visibility="show" //gibt an, wie lange das Hinweisfenster im Netscape Navigator erscheint. 5000 = 5 Sekunden setTimeout("quakemsg_ns.visibility='hide'",5000) } } </script> <!-- Diesen Code musst Du als -eventhandler- in den body-Tag einbauen --> <body onLoad="earthquake()"> <!-- Diesen Code musst Du in den -body- einbauen --> <layer id="quakenotice_ns" width=300 height=55 bgColor=lightyellow visibility=hide></layer> <!-- Script-Ende --> <!-- www-java24.net - DIE Javascript - Ressource -->
Hier kannst Du Dir das Javascript einfach per eMail zusenden lassen.
Wenn Du den Newsletter beziehen möchtest, klicke bitte in das Feld "Abo"