Bring your webpage into the Christmas season by letting it snow on your webpage.
Upload the javascript and image files, and place the following tag in your webpage body!
1 |
<script type="text/javascript" src="snow.js"></script> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 |
var SNE_Billede="snow.gif"; var SNE_nr = 15; var SNE_browser_IE_NS = (document.body.clientHeight) ? 1 : 0; var SNE_browser_MOZ = (self.innerWidth) ? 1 : 0; var SNE_browser_IE7 = (document.documentElement.clientHeight) ? 1 : 0; var SNE_Tid; var SNE_dx, SNE_xp, SNE_yp; var SNE_am, SNE_stx, SNE_sty; var i, SNE_Vindue_Bredde, SNE_Vindue_Hojde; if (SNE_browser_IE_NS) { SNE_Vindue_Bredde = document.body.clientWidth; SNE_Vindue_Hojde = document.body.clientHeight; } else if (SNE_browser_MOZ) { SNE_Vindue_Bredde = self.innerWidth - 20; SNE_Vindue_Hojde = self.innerHeight; } else if (SNE_browser_IE7) { SNE_Vindue_Bredde = document.documentElement.clientWidth; SNE_Vindue_Hojde = document.documentElement.clientHeight; } SNE_dx = new Array(); SNE_xp = new Array(); SNE_yp = new Array(); SNE_am = new Array(); SNE_stx = new Array(); SNE_sty = new Array(); for (i = 0; i < SNE_nr; ++ i) { SNE_dx[i] = 0; SNE_xp[i] = Math.random()*(SNE_Vindue_Bredde-50); SNE_yp[i] = Math.random()*SNE_Vindue_Hojde; SNE_am[i] = Math.random()*20; SNE_stx[i] = 0.02 + Math.random()/10; SNE_sty[i] = 0.7 + Math.random(); if (i == 0) document.write("<\div id=\"SNE_fnug"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><a href=\"http://www.peters1.dk\" target=\"_blank\"><\img src=\""+SNE_Billede+"\" border=\"0\"></a><\/div>"); else document.write("<\div id=\"SNE_fnug"+ i +"\" style=\"position: absolute; z-index: "+ i +"; visibility: visible; top: 15px; left: 15px;\"><\img src=\""+SNE_Billede+"\" border=\"0\"><\/div>"); } function SNE_Vejr() { for (i = 0; i < SNE_nr; ++ i) { SNE_yp[i] += SNE_sty[i]; if (SNE_yp[i] > SNE_Vindue_Hojde-50) { SNE_xp[i] = Math.random()*(SNE_Vindue_Bredde-SNE_am[i]-30); SNE_yp[i] = 0; SNE_stx[i] = 0.02 + Math.random()/10; SNE_sty[i] = 0.7 + Math.random(); } SNE_dx[i] += SNE_stx[i]; document.getElementById("SNE_fnug"+i).style.top=SNE_yp[i]+"px"; document.getElementById("SNE_fnug"+i).style.left=SNE_xp[i] + SNE_am[i]*Math.sin(SNE_dx[i])+"px"; } SNE_Tid = setTimeout("SNE_Vejr()", 10); } var SNE_aktiv = true; function SNE_Stop() { if (SNE_aktiv) { for (i = 0; i < SNE_nr; ++ i) { clearTimeout("SNE_Tid"); document.getElementById("SNE_fnug"+i).style.visibility="hidden"; } document.getElementById("SNE_stopknap").src="/billeder/snowflakes/sne.gif"; SNE_aktiv = false; } else { for (i = 0; i < SNE_nr; ++ i) { document.getElementById("SNE_fnug"+i).style.visibility="visible"; } document.getElementById("SNE_stopknap").src="/billeder/snowflakes/slutsne.gif"; SNE_Tid = setTimeout("SNE_Vejr()", 10); SNE_aktiv = true; } } SNE_Vejr(); |
Merry Christmas
Where can I dowload the image files please?