Subscribe:



Aquí les dejo un efecto para agregar a sus sitios o blog´s donde aparecen mariposas por todo el monitor
que automáticamente desaparecen al llegar al fondo es muy padre este efecto y quedaría bien en algún blog de naturaleza o para verano se vería perfecto como adorno espero les guste mucho este código que adapte para esto solo ve a Diseño > Añadir Gatget > y HTML/JavaScript y pegamos lo siguiente:





<script language='javascript' type='text/javascript'>
//<![CDATA[
// Script original de Eloi Gallés Villaplana adaptado por TutoBloggero.blogspot.com

var numero = 8
var velocidad = 40
var imagenamor = "http://dl.dropbox.com/u/15296604/MariposaTutoBloggero.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>




Para ver un ejemplo ir al blog de experimentos













8 comentarios:

Francisco Robles dijo...

Muy buen efecto quedo muy bien en mi sitio Gracias. y un saludo

JhFercho dijo...

este efecto tambien puede utilizarse para agregar otra imagen? por ejemplo poner corazones,nubes asi algo como eso?

MarinJr dijo...

Hola Francisco Robles muchas gracias por tu visita! igual un saaludaazo!

JhFercho
Claro amigo a este efecto le puedes agregar otra imagen que sea gif... simplemente cambia la url de la imagen (http://dl.dropbox.com/u/15296604/MariposaTutoBloggero.gif) por la de la imagen que quieres agregar y listo! saludooz y gracias por tu visita

MiOlanda dijo...

aawww! estan muy bonitas, aun no las aplico pero no dudare en adaptarlas he! jejeje

MarinJr dijo...

Hola MiOlando que bien que te aiian gustado, y me agrada saber que las adaptaras jeje... saludooos y gracias por tu visita

JhFercho dijo...

muchas gracias marinjr..si la aplique y pude ver que si podía agregar otra imagen de nuevo gracias

MarinJr dijo...

De nada JhFercho..me da mucho gusto saber que te funciono bien gracias a ti por visitar saludos

MarinJr dijo...

Ya estoy preparando un tutorial para el dia del Amor y la Amistad! estoy seguro que les va a gustar

Publicar un comentario

 
Copyright 2009 Aplicaciones Para Blogger