Empire of Sports Europe
▓░░▓░░░▓░░▓▓▓░▓░░░▓▓▓░▓▓▓▓▓░░▓▓░░░▓▓░░▓▓▓░░░░░░
▓░▓░▓░░▓░░▓░░░▓░░░▓░░░▓░░░▓░░▓░▓░▓░▓░░▓░░░░░░░░
▓▓░░░▓░▓░░▓▓░░▓░░░▓░░░▓░░░▓░░▓░░▓░░▓░░▓▓▓░░░░░░
▓░░░░░▓▓░░▓░░░▓░░░▓░░░▓░░░▓░░▓░░░░░▓░░▓░░░░░░░░
▓░░░░░░▓░░▓▓▓░▓▓▓░▓▓▓░▓▓▓▓▓░░▓░░░░░▓░░▓▓▓░░░░░░
Hello and welcome to EOS-EU - First English Speaking Fansite of Empire of Sports!
Register to obtain full access to the website.
We hope you will enjoy the portal.

EOS-EU Team
Empire of Sports Europe
▓░░▓░░░▓░░▓▓▓░▓░░░▓▓▓░▓▓▓▓▓░░▓▓░░░▓▓░░▓▓▓░░░░░░
▓░▓░▓░░▓░░▓░░░▓░░░▓░░░▓░░░▓░░▓░▓░▓░▓░░▓░░░░░░░░
▓▓░░░▓░▓░░▓▓░░▓░░░▓░░░▓░░░▓░░▓░░▓░░▓░░▓▓▓░░░░░░
▓░░░░░▓▓░░▓░░░▓░░░▓░░░▓░░░▓░░▓░░░░░▓░░▓░░░░░░░░
▓░░░░░░▓░░▓▓▓░▓▓▓░▓▓▓░▓▓▓▓▓░░▓░░░░░▓░░▓▓▓░░░░░░
Hello and welcome to EOS-EU - First English Speaking Fansite of Empire of Sports!
Register to obtain full access to the website.
We hope you will enjoy the portal.

EOS-EU Team
Empire of Sports Europe
Would you like to react to this message? Create an account in a few clicks or log in to continue.


Welcome to the first English Speaking Community FanSite of Empire of Sports :)
 
HomePortalGallerySearchLatest imagesHOMEPORTALFORUMLog inRegister

Share

1pɔɹɐsɥǝɹ


 

 Floating Hearts.

View previous topic View next topic Go down 
AuthorMessage
Jo_Oker
Administrator
Administrator
Jo_Oker


Floating Hearts. Empty
PostSubject: Floating Hearts.   Floating Hearts. EmptyThu Jan 24, 2013 11:31 pm

Code:
<SCRIPT>
<!-- Begin
var no = 12;
var speed = 10;
var heart = "http://i14.servimg.com/u/f14/16/73/75/32/heart10.gif";
var flag;
//var ns4up = (document.layers) ? 1 : 0;  browser sniffer

if (document.all)
{
var ie4up=true;
}
else
{
var ns4up=true;
}

var dx, xp, yp;   
var am, stx, sty; 
var i, doc_width = 800, doc_height = 600;
if (ns4up) {
doc_width = self.innerWidth;
//alert(self.innerWidth)
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
amx = new Array();
amy = new Array();
stx = new Array();
sty = new Array();
flag = new Array();
for (i = 0; i < no; ++ i) {
dx[i] = 0;                       
xp[i] = Math.random()*(doc_width-30)+10; 
yp[i] = Math.random()*doc_height;
amy[i] = 12+ Math.random()*20;       
amx[i] = 10+ Math.random()*40;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();   
flag[i] = (Math.random()>0.5)?1:0;


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;\"><img src=\"");
document.write(heart+ "\" border=\"0\"></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: ");
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");
document.write("visible; TOP: 15px; LEFT: 15px;\"><img src=\"");
document.write(heart+ "\" border=\"0\"></div>");
}

}



function snowIE() { 
var DotStyle;
for (i = 0; i < no; ++ i) { 
if (yp[i] > doc_height-50) {
xp[i] = 10+ Math.random()*(doc_width-amx[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
flag[i]=(Math.random()<0.5)?1:0;

}
if (flag[i])
dx[i] += stx[i];
else
dx[i] -= stx[i];
if (Math.abs(dx[i]) > Math.PI) {
yp[i]+=Math.abs(amy[i]*dx[i]);
xp[i]+=amx[i]*dx[i];
dx[i]=0;
flag[i]=!flag[i];
}
DotStyle=document.getElementById("dot"+i).style;
if (ie4up)
{
DotStyle.pixelTop=yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i]));
DotStyle.pixelLeft=xp[i] + amx[i]*dx[i];
}
else
{
DotStyle.top=yp[i] + amy[i]*(Math.abs(Math.sin(dx[i])+dx[i]));
DotStyle.left=xp[i] + amx[i]*dx[i];
}
}
setTimeout("snowIE()", speed);
}


snowIE();

// End -->
</script>




Celebrate Valentine's day on your web site with a dozen hearts floating randomly around the page.
Step 1: Add the below code to the body section of your page.
Step 2: The script uses an image as part of its interface. You can create your own
Back to top Go down
 

Floating Hearts.

View previous topic View next topic Back to top 
Page 1 of 1

Permissions in this forum:You cannot reply to topics in this forum
Empire of Sports Europe :: Java Script-