Efecto de corazones cayendo

Con este bonito efecto de javascript lograrás hacer que en tu página se vean corazones cayendo. Es muy sencillo de usar, solo necesitas copiar este código...

<script language='javascript' type='text/javascript'>

//<![CDATA[

// Script original de Eloi Gallés Villaplana adaptado por -truco95.jimdo.com


var numero = 8

var velocidad = 40

var imagenamor = " http://i1041.photobucket.com/albums/b416/conanaz72/GIF/heart.gif "


var ns4arriba = (document.layers) ? 1 : 0

var ie4arriba = (document.all) ? 1 : 0

var dombrowser = (document.getElementById) ? 1 : 0


var dx, xp, yp

var am, stx, sty

var i, doc_ancho = 1024, doc_alto = 768



function amor() {



                establece_dimensiones()



                dx = new Array()

                xp = new Array()

                yp = new Array()

                am = new Array()

                stx = new Array()

                sty = new Array();

    

                for (i = 0; i < numero; ++ i) {

                       
dx[i] = 0

                       
xp[i] = Math.random()*(doc_ancho-50)

                       
yp[i] = Math.random()*doc_alto

                       
am[i] = Math.random()*20

                       
stx[i] = 0.02 + Math.random()/10

                       
sty[i] = 0.7 + Math.random()

                       
if (document.layers) {


                                  
if (i == 0) {

                                                       
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")

                                                       
document.write("top=\"15\" visibility=\"show\"><img src=\"")

                                                              
document.write(imagenamor + "\" border=\"0\"></layer>")


                                  
} else {


                                                  
document.write("<layer name=\"dot"+ i +"\" left=\"15\" ")


                                                  
document.write("top=\"15\" visibility=\"show\"><img src=\"")


                                                         
document.write(imagenamor + "\" border=\"0\"></layer>")


                                  
}


                          } else if (document.all
|| document.getElementById) {


                                  
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(imagenamor + "\" 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(imagenamor + "\" border=\"0\"></div>")


                                  
}


                          }

     }

    

                corazon()

}



function corazon() {

                for (i = 0; i < numero; ++ i) {

                       
yp[i] += sty[i];

                       
if (yp[i] > doc_alto) {

                                       
xp[i] = Math.random()*(doc_ancho-am[i]-30)

                                       
yp[i] = 0

                                       
stx[i] = 0.02 + Math.random()/10

                                       
sty[i] = 0.7 + Math.random()

                                       
establece_dimensiones()

                       
}



                       
dx[i] += stx[i];



                              

                       
if ( document.all ) {

                                       
var imagen = eval("dot" + i )

                                       
imagen.style.posLeft = xp[i] + am[i]*Math.sin(dx[i])

                                       
imagen.style.posTop = yp[i]

                       
}

                              

                       
else if ( document.layers ) {

                                       
var imagen = eval("document.dot" + i)

                                       
imagen.left = xp[i] + am[i]*Math.sin(dx[i])

                                       
imagen.top = yp[i]

                       
}

                              

                       
else if ( document.getElementById ) {

                                       
var imagen = document.getElementById( "dot" + i)

                                       
imagen.style.left = xp[i] + am[i]*Math.sin(dx[i]) + 'px'

                                       
imagen.style.top = yp[i] + 'px'

                              
}

                }


                setTimeout("corazon()", velocidad)

}

function establece_dimensiones() {

                if (self.innerHeight) {

                       
doc_ancho = self.innerWidth - 50

                       
doc_alto = self.innerHeight - 21

                } else if (document.documentElement &&
document.documentElement.clientHeight) {

                       
doc_ancho = document.documentElement.clientWidth

                              
doc_alto = document.documentElement.clientHeight - 25

        

                } else if (document.body) {

                       
doc_ancho = document.body.clientWidth

                       
doc_alto = document.body.clientHeight - 25

                }

}

//]]>

</script>

<script language='javascript' type='text/javascript'>

amor()

</script>

Así se verán los corazones