28Jul/091
How to make the text to rain on your website
Here is how you can make the text to rain on your website.
Put the code below within your site's source code. If you dont know how to implement this code into your site, please goto how to implement the code to your website
Code:
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 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 | <!-- this script is from www.manycodes.com --> <body> <SCRIPT LANGUAGE= "JavaScript" > <!-- Begin var no = 50 ; var speed = 1 ; var ns4up = (document.layers) ? 1 : 0 ; var ie4up = (document.all) ? 1 : 0 ; var s, x, y, sn, cs; var a, r, cx, cy; var i, doc_width = 800 , doc_height = 600 ; if (ns4up) { doc_width = self.innerWidth; doc_height = self.innerHeight; } else if (ie4up) { doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } x = new Array(); y = new Array(); r = new Array(); cx = new Array(); cy = new Array(); s = 8 ; for (i = 0 ; i < no; ++ i) { initRain(); if (ns4up) { if (i == 0 ) { document.write( "<layer name=\"dot" + i + "\" left=\"1\" " ); document.write( "top=\"1\" visibility=\"show\"><font color=\"blue\">" ); document.write( ",</font></layer>" ); } else { document.write( "<layer name=\"dot" + i + "\" left=\"1\" " ); document.write( "top=\"1\" visibility=\"show\"><font color=\"blue\">" ); document.write( ",</font></layer>" ); } } else if (ie4up) { if (i == 0 ) { document.write( "<div id=\"dot" + i + "\" style=\"POSITION: " ); document.write( "absolute; Z-INDEX: " + i + "; VISIBILITY: " ); document.write( "visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">" ); document.write( ",</font></div>" ); } else { document.write( "<div id=\"dot" + i + "\" style=\"POSITION: " ); document.write( "absolute; Z-INDEX: " + i + "; VISIBILITY: " ); document.write( "visible; TOP: 15px; LEFT: 15px;\"><font color=\"blue\">" ); document.write( ",</font></div>" ); } } } function initRain() { a = 6 ; r[i] = 1 ; sn = Math.sin(a); cs = Math.cos(a); cx[i] = Math.random() * doc_width + 1 ; cy[i] = Math.random() * doc_height + 1 ; x[i] = r[i] * sn + cx[i]; y[i] = cy[i]; } function makeRain() { r[i] = 1 ; cx[i] = Math.random() * doc_width + 1 ; cy[i] = 1 ; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function updateRain() { r[i] += s; x[i] = r[i] * sn + cx[i]; y[i] = r[i] * cs + cy[i]; } function raindropNS() { for (i = 0 ; i < no; ++ i) { updateRain(); if ((x[i] <= 1 ) || (x[i] >= (doc_width - 20 )) || (y[i] >= (doc_height - 20 ))) { makeRain(); doc_width = self.innerWidth; doc_height = self.innerHeight; } document.layers[ "dot" +i].top = y[i]; document.layers[ "dot" +i].left = x[i]; } setTimeout( "raindropNS()" , speed); } function raindropIE() { for (i = 0 ; i < no; ++ i) { updateRain(); if ((x[i] <= 1 ) || (x[i] >= (doc_width - 20 )) || (y[i] >= (doc_height - 20 ))) { makeRain(); doc_width = document.body.clientWidth; doc_height = document.body.clientHeight; } document.all[ "dot" +i].style.pixelTop = y[i]; document.all[ "dot" +i].style.pixelLeft = x[i]; } setTimeout( "raindropIE()" , speed); } if (ns4up) { raindropNS(); } else if (ie4up) { raindropIE(); } // End --> </script> </body> <font face= "Tahoma" ><a target= "_blank" href= "http://www.manycodes.com/" ><span style= "font-size: 8pt; text-decoration: none" >JavaScript Free Code</span></a></font> |