Phiên bản đầy đủ: jsB@nk » Vui nhộn » Hiệu ứng mờ ảo: máy bị nhiễm virus
URL: https://www.javascriptbank.com/screen-dissolving-virus-scare-your-visitors.html
Hiệu ứng làm cho nội dung trang web có tính chất mờ ảo với các frame trong suốt di chuyển khắp nơi. Trông giống như máy tính của khách đã bị nhiễm virus.
Phiên bản đầy đủ: jsB@nk » Vui nhộn » Hiệu ứng mờ ảo: máy bị nhiễm virus
URL: https://www.javascriptbank.com/screen-dissolving-virus-scare-your-visitors.html
<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><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'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: 'gost0', 'ghost1', 'ghost2', 'gost3', 'ghost4', 'ghost5', <li>Sounds tooooooooo complicated? No, it's not. In fact it'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> your webcontent<br></DIV><br><br><DIV id="<b>ghost0</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost1</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost2</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost3</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost4</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost5</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> 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'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: 'gost0', 'ghost1', 'ghost2', 'gost3', 'ghost4', 'ghost5', <li>Sounds tooooooooo complicated? No, it's not. In fact it'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> your webcontent<br></DIV><br><br><DIV id="<b>ghost0</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost1</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost2</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost3</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost4</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost5</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> 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'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: 'gost0', 'ghost1', 'ghost2', 'gost3', 'ghost4', 'ghost5', <li>Sounds tooooooooo complicated? No, it's not. In fact it'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> your webcontent<br></DIV><br><br><DIV id="<b>ghost0</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost1</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost2</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost3</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost4</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost5</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> 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'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: 'gost0', 'ghost1', 'ghost2', 'gost3', 'ghost4', 'ghost5', <li>Sounds tooooooooo complicated? No, it's not. In fact it'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> your webcontent<br></DIV><br><br><DIV id="<b>ghost0</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost1</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost2</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost3</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost4</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost5</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> 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'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: 'gost0', 'ghost1', 'ghost2', 'gost3', 'ghost4', 'ghost5', <li>Sounds tooooooooo complicated? No, it's not. In fact it'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> your webcontent<br></DIV><br><br><DIV id="<b>ghost0</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost1</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost2</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost3</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost4</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost5</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> 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'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: 'gost0', 'ghost1', 'ghost2', 'gost3', 'ghost4', 'ghost5', <li>Sounds tooooooooo complicated? No, it's not. In fact it'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> your webcontent<br></DIV><br><br><DIV id="<b>ghost0</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost1</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost2</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost3</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost4</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost5</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> 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's just a harmless, silly joke collected by the fools from JSBank<li>Internet Explorer 4 or higher</ul><p><b> 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: 'gost0', 'ghost1', 'ghost2', 'gost3', 'ghost4', 'ghost5', <li>Sounds tooooooooo complicated? No, it's not. In fact it'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> your webcontent<br></DIV><br><br><DIV id="<b>ghost0</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost1</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost2</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost3</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost4</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br><DIV id="<b>ghost5</b>" style="position:absolute;top:50px;left:0px;background-color:white"><br> your webcontent<br></DIV><br><br></td></tr></table></font></ul></DIV></body>