Pinoy Coders
Would you like to react to this message? Create an account in a few clicks or log in to continue.


Uzzap Pinoy Coders Team Forum
 
HomePortalGalleryLatest imagesRegisterLog in

 

 Javascript Code: Raining on texts

Go down 
AuthorMessage
FSL AC
Members
FSL AC


Posts : 32
Points : 52
Reputation : 0
Join date : 2011-08-09
Location : LIPA CITY BATANGAS

Javascript Code: Raining on texts Empty
PostSubject: Javascript Code: Raining on texts   Javascript Code: Raining on texts Icon_minitimeThu Aug 11, 2011 3:04 am

<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.javascriptfreecode.com/"><span style="font-size: 8pt; text-decoration: none">JavaScript Free Code</span></a></font>


Last edited by FSL AC on Thu Aug 11, 2011 3:07 am; edited 1 time in total
Back to top Go down
http://fslclan.team-forum.net
FSL AC
Members
FSL AC


Posts : 32
Points : 52
Reputation : 0
Join date : 2011-08-09
Location : LIPA CITY BATANGAS

Javascript Code: Raining on texts Empty
PostSubject: Re: Javascript Code: Raining on texts   Javascript Code: Raining on texts Icon_minitimeThu Aug 11, 2011 3:06 am

If you don't know how to use this code or need more information
here is the answer
First you need to open the page with a HTML editor such as dream weaver or front page or even note pad , notice that if you using any other page making (ASP, PHP , etc.) languages it doesn't matter. Just open it and access to source file.

When you Open it, there are some codes in HTML called tags:

you have to find something called "BODY"

In HTML code it's like

<BODY>

When you find it just skip a line and copy and paste after body tag the codes which we offered you in this website

Anyways if you couldn't find that just paste the codes in the end of the source file.

note:pang internet explorer browser lng po to nagwowork
Back to top Go down
http://fslclan.team-forum.net
 
Javascript Code: Raining on texts
Back to top 
Page 1 of 1
 Similar topics
-
» code emoticons tricks

Permissions in this forum:You cannot reply to topics in this forum
Pinoy Coders :: Programming Related :: Javascript-
Jump to: