»
EnglishFrenchVietnamese

Print - Screen Dissolving Virus: scare your visitors - JavaScriptBank.com

Full version: jsB@nk » Funny » Screen Dissolving Virus: scare your visitors
URL: https://www.javascriptbank.com/screen-dissolving-virus-scare-your-visitors.html

Screen Dissolving Virus: scare your visitors © JavaScriptBank.comYour visitors knees will turn to jelly if they see your webpage dissolving itself. No panic! It's just a harmless, silly joke written by the fools from Peter Gehrig.

Full version: jsB@nk » Funny » Screen Dissolving Virus: scare your visitors
URL: https://www.javascriptbank.com/screen-dissolving-virus-scare-your-visitors.html



JavaScript
<script><!-- Beginning of JavaScript -// Screen Dissolving Virus// Author: Peter Gehrig // Web Site: http://www.24fun.com // do not edit the variables belowvar floatingspeed=8var clipleft=new Array()var clipright=new Array()var cliptop=new Array()var clipbottom=new Array()var clipwidth=new Array()var clipheight=new Array()var clipwidthmax=500var clipheightmax=400var tempo=30var numberofghosts=5var shift_x=Math.floor(numberofghosts/2)*-1var shift_y=Math.floor(numberofghosts/2)*-1var stepx=new Array()var stepy=new Array()for (i=0;i<=numberofghosts;i++) {stepx[i]=randommaker(floatingspeed)stepy[i]=randommaker(floatingspeed)}var imgwidth=new Array()var imgheight=new Array()var marginbottom=0var marginleft=0var margintop=0var marginright=0var timerfunction setValues() {if (document.all) {marginleft=document.all.ghost0.style.posLeftmargintop=document.all.ghost0.style.posTop    marginbottom=document.body.clientHeight    marginright=document.body.clientWidthfor (i=0;i<=numberofghosts;i++) {                     clipleft[i]=randommaker(marginright)cliptop[i]=randommaker(margintop)clipheight[i]=randommaker(clipheightmax)clipwidth[i]=randommaker(clipwidthmax)}for (i=0;i<=numberofghosts;i++) { var thisspan=eval("document.all.ghost"+(i)+".style")                    thisspan.posLeft=document.all.mastercontent.style.posLeft+i+shift_xthisspan.posTop=document.all.mastercontent.style.posTop+i+shift_yif (shift_x==i) {thisspan.posLeft+=2thisspan.posTop+=2}}checkmovement()}}function randommaker(range) {rand=Math.floor(range*Math.random())if (rand==0) {rand=Math.ceil(range/2)}    return rand}function checkmovement() {if (document.all) {checkposition()movepictures()    timer=setTimeout("checkmovement()",tempo)}}function movepictures() {if (document.all) {for (i=0;i<=numberofghosts;i++) {      var thisspan=eval("document.all.ghost"+(i)+".style")    clipleft[i]+=stepx[i]clipright[i]=clipleft[i]+clipwidth[i]cliptop[i]+=stepy[i]clipbottom[i]=cliptop[i]+clipheight[i]thisspan.clip ="rect("+cliptop[i]+" "+clipright[i]+" "+clipbottom[i]+" "+clipleft[i]+")"    }}}function checkposition() {if (document.all) {for (i=0;i<=numberofghosts;i++) {             var thisspan=eval("document.all.ghost"+i+".style")if (clipright[i]>marginright) {clipleft[i]-=Math.abs(stepx[i]+1)clipright[i]=clipleft[i]+clipwidth[i]thisspan.clip ="rect("+cliptop[i]+" "+clipright[i]+" "+clipbottom[i]+" "+clipleft[i]+")"stepx[i]=randommaker(floatingspeed)*-1}if (clipleft[i]<marginleft) {clipleft[i]+=Math.abs(stepx[i]+1)clipright[i]=clipleft[i]+clipwidth[i]thisspan.clip ="rect("+cliptop[i]+" "+clipright[i]+" "+clipbottom[i]+" "+clipleft[i]+")"stepx[i]=randommaker(floatingspeed)}if (clipbottom[i]>marginbottom) {cliptop[i]-=Math.abs(stepy[i])clipbottom[i]=cliptop[i]+clipheight[i]thisspan.clip ="rect("+cliptop[i]+" "+clipright[i]+" "+clipbottom[i]+" "+clipleft[i]+")"stepy[i]=randommaker(floatingspeed)*-1}if (cliptop[i]<margintop) {cliptop[i]+=Math.abs(stepy[i])clipbottom[i]=cliptop[i]+clipheight[i]thisspan.clip ="rect("+cliptop[i]+" "+clipright[i]+" "+clipbottom[i]+" "+clipleft[i]+")"stepy[i]=randommaker(floatingspeed)}}}}// - End of JavaScript - --></script>


HTML
<body id="thisbody" onLoad="setValues()"><DIV id="mastercontent" style="position:absolute;top:10px;left:0px;background-color:white"><font size=2 face=Verdana color=000000><ul><b>Screen Dissolving Virus: scare your visitors</b><li>Your visitors knees will turn to jelly if they see your webpage dissolving itself. No panic! It&#39;s just a harmless, silly joke collected by the fools from JSBank.<li>Internet Explorer 4 or higher</ul><b>Configuration</b><li>Open the HTML-file.<li>Go to the <body>-section of the HTML-file and put the content of your webpage into a <div>-container.<li>Name this <div>-container id="mastercontent".<li>Attention 1: the <div>-container must be set to an absolute position!<li>Attention 2: the <div>-container must be set to a background-color. In this sample it is white.!<li>Copy the whole <div>-container with the id="mastercontent" and paste it 6 times below the <div>-container with the id="mastercontent".<li>Give the 6 new <div>-containers a new id: &#39;gost0&#39;, &#39;ghost1&#39;, &#39;ghost2&#39;, &#39;gost3&#39;, &#39;ghost4&#39;, &#39;ghost5&#39;, <li>Sounds tooooooooo complicated? No, it&#39;s not. In fact it&#39;s very easy. After customizing the HTML-page it should look like this:<br><br> <table border=1 cellspacing=0 cellpadding=4><tr><td bgcolor=EEEEFF><font size=2 face=Verdana color=000000><DIV id="<b>mastercontent</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost0</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost1</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost2</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost3</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost4</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost5</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br></td></tr></table></font></ul></DIV><DIV id="ghost0" style="position:absolute;background-color:white"><font size=2 face=Verdana color=000000><ul><b>Screen Dissolving Virus: scare your visitors</b><li>Your visitors knees will turn to jelly if they see your webpage dissolving itself. No panic! It&#39;s just a harmless, silly joke collected by the fools from JSBank.<li>Internet Explorer 4 or higher.</ul><b>Configuration</b><li>Open the HTML-file.<li>Go to the <body>-section of the HTML-file and put the content of your webpage into a <div>-container.<li>Name this <div>-container id="mastercontent".<li>Attention 1: the <div>-container must be set to an absolute position!<li>Attention 2: the <div>-container must be set to a background-color. In this sample it is white.!<li>Copy the whole <div>-container with the id="mastercontent" and paste it 6 times below the <div>-container with the id="mastercontent".<li>Give the 6 new <div>-containers a new id: &#39;gost0&#39;, &#39;ghost1&#39;, &#39;ghost2&#39;, &#39;gost3&#39;, &#39;ghost4&#39;, &#39;ghost5&#39;, <li>Sounds tooooooooo complicated? No, it&#39;s not. In fact it&#39;s very easy. After customizing the HTML-page it should look like this:<br><br> <table border=1 cellspacing=0 cellpadding=4><tr><td bgcolor=EEEEFF><font size=2 face=Verdana color=000000><DIV id="<b>mastercontent</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost0</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost1</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost2</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost3</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost4</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost5</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br></td></tr></table></font></ul></DIV><DIV id="ghost1" style="position:absolute;background-color:white"><font size=2 face=Verdana color=000000><ul><b>Screen Dissolving Virus: scare your visitors</b><li>Your visitors knees will turn to jelly if they see your webpage dissolving itself. No panic! It&#39;s just a harmless, silly joke collected by the fools from JSBank.<li>Internet Explorer 4 or higher</ul><b>Configuration</b><li>Go to the <body>-section of the HTML-file and put the content of your webpage into a <div>-container.<li>Name this <div>-container id="mastercontent".<li>Attention 1: the <div>-container must be set to an absolute position!<li>Attention 2: the <div>-container must be set to a background-color. In this sample it is white.!<li>Copy the whole <div>-container with the id="mastercontent" and paste it 6 times below the <div>-container with the id="mastercontent".<li>Give the 6 new <div>-containers a new id: &#39;gost0&#39;, &#39;ghost1&#39;, &#39;ghost2&#39;, &#39;gost3&#39;, &#39;ghost4&#39;, &#39;ghost5&#39;, <li>Sounds tooooooooo complicated? No, it&#39;s not. In fact it&#39;s very easy. After customizing the HTML-page it should look like this:<br><br> <table border=1 cellspacing=0 cellpadding=4><tr><td bgcolor=EEEEFF><font size=2 face=Verdana color=000000><DIV id="<b>mastercontent</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost0</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost1</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost2</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost3</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost4</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost5</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br></td></tr></table></font></ul></DIV><DIV id="ghost2" style="position:absolute;background-color:white"><font size=2 face=Verdana color=000000><ul><b>Screen Dissolving Virus: scare your visitors</b><li>Your visitors knees will turn to jelly if they see your webpage dissolving itself. No panic! It&#39;s just a harmless, silly joke collected by the fools from JSBank.<li>Internet Explorer 4 or higher</ul><li>Go to the <body>-section of the HTML-file and put the content of your webpage into a <div>-container.<li>Name this <div>-container id="mastercontent".<li>Attention 1: the <div>-container must be set to an absolute position!<li>Attention 2: the <div>-container must be set to a background-color. In this sample it is white.!<li>Copy the whole <div>-container with the id="mastercontent" and paste it 6 times below the <div>-container with the id="mastercontent".<li>Give the 6 new <div>-containers a new id: &#39;gost0&#39;, &#39;ghost1&#39;, &#39;ghost2&#39;, &#39;gost3&#39;, &#39;ghost4&#39;, &#39;ghost5&#39;, <li>Sounds tooooooooo complicated? No, it&#39;s not. In fact it&#39;s very easy. After customizing the HTML-page it should look like this:<br><br> <table border=1 cellspacing=0 cellpadding=4><tr><td bgcolor=EEEEFF><font size=2 face=Verdana color=000000><DIV id="<b>mastercontent</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost0</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost1</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost2</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost3</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost4</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost5</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br></td></tr></table></font></ul></DIV><DIV id="ghost3" style="position:absolute;background-color:white"><font size=2 face=Verdana color=000000><ul><b>Screen Dissolving Virus: scare your visitors</b><li>Your visitors knees will turn to jelly if they see your webpage dissolving itself. No panic! It&#39;s just a harmless, silly joke collected by the fools from JSBank.<li>Internet Explorer 4 or higher</ul><li>Go to the <body>-section of the HTML-file and put the content of your webpage into a <div>-container.<li>Name this <div>-container id="mastercontent".<li>Attention 1: the <div>-container must be set to an absolute position!<li>Attention 2: the <div>-container must be set to a background-color. In this sample it is white.!<li>Copy the whole <div>-container with the id="mastercontent" and paste it 6 times below the <div>-container with the id="mastercontent".<li>Give the 6 new <div>-containers a new id: &#39;gost0&#39;, &#39;ghost1&#39;, &#39;ghost2&#39;, &#39;gost3&#39;, &#39;ghost4&#39;, &#39;ghost5&#39;, <li>Sounds tooooooooo complicated? No, it&#39;s not. In fact it&#39;s very easy. After customizing the HTML-page it should look like this:<br><br> <table border=1 cellspacing=0 cellpadding=4><tr><td bgcolor=EEEEFF><font size=2 face=Verdana color=000000><DIV id="<b>mastercontent</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost0</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost1</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost2</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost3</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost4</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost5</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br></td></tr></table></font></ul></DIV><DIV id="ghost4" style="position:absolute;background-color:white"><font size=2 face=Verdana color=000000><ul><b>Screen Dissolving Virus: scare your visitors</b><li>Your visitors knees will turn to jelly if they see your webpage dissolving itself. No panic! It&#39;s just a harmless, silly joke collected by the fools from JSBank<li>Internet Explorer 4 or higher</ul><li>Go to the <body>-section of the HTML-file and put the content of your webpage into a <div>-container.<li>Name this <div>-container id="mastercontent".<li>Attention 1: the <div>-container must be set to an absolute position!<li>Attention 2: the <div>-container must be set to a background-color. In this sample it is white.!<li>Copy the whole <div>-container with the id="mastercontent" and paste it 6 times below the <div>-container with the id="mastercontent".<li>Give the 6 new <div>-containers a new id: &#39;gost0&#39;, &#39;ghost1&#39;, &#39;ghost2&#39;, &#39;gost3&#39;, &#39;ghost4&#39;, &#39;ghost5&#39;, <li>Sounds tooooooooo complicated? No, it&#39;s not. In fact it&#39;s very easy. After customizing the HTML-page it should look like this:<br><br> <table border=1 cellspacing=0 cellpadding=4><tr><td bgcolor=EEEEFF><font size=2 face=Verdana color=000000><DIV id="<b>mastercontent</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost0</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost1</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost2</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost3</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost4</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost5</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br></td></tr></table></font></ul></DIV><DIV id="ghost5" style="position:absolute;background-color:white"><font size=2 face=Verdana color=000000><ul><b>Screen Dissolving Virus: scare your visitors</b><li>Your visitors knees will turn to jelly if they see your webpage dissolving itself. No panic! It&#39;s just a harmless, silly joke collected by the fools from JSBank<li>Internet Explorer 4 or higher</ul><p><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Configuration</b> </p><ul><li>Open the HTML-file.<li>Go to the <body>-section of the HTML-file and put the content of your webpage into a <div>-container.<li>Name this <div>-container id="mastercontent".<li>Attention 1: the <div>-container must be set to an absolute position!<li>Attention 2: the <div>-container must be set to a background-color. In this sample it is white.!<li>Copy the whole <div>-container with the id="mastercontent" and paste it 6 times below the <div>-container with the id="mastercontent".<li>Give the 6 new <div>-containers a new id: &#39;gost0&#39;, &#39;ghost1&#39;, &#39;ghost2&#39;, &#39;gost3&#39;, &#39;ghost4&#39;, &#39;ghost5&#39;, <li>Sounds tooooooooo complicated? No, it&#39;s not. In fact it&#39;s very easy. After customizing the HTML-page it should look like this:<br><br> <table border=1 cellspacing=0 cellpadding=4><tr><td bgcolor=EEEEFF><font size=2 face=Verdana color=000000><DIV id="<b>mastercontent</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost0</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost1</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost2</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost3</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost4</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br><DIV id="<b>ghost5</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br>&nbsp;&nbsp;&nbsp;&nbsp;your webcontent<br></DIV><br><br></td></tr></table></font></ul></DIV></body>