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:
Muy buen efecto quedo muy bien en mi sitio Gracias. y un saludo
este efecto tambien puede utilizarse para agregar otra imagen? por ejemplo poner corazones,nubes asi algo como eso?
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
aawww! estan muy bonitas, aun no las aplico pero no dudare en adaptarlas he! jejeje
Hola MiOlando que bien que te aiian gustado, y me agrada saber que las adaptaras jeje... saludooos y gracias por tu visita
muchas gracias marinjr..si la aplique y pude ver que si podía agregar otra imagen de nuevo gracias
De nada JhFercho..me da mucho gusto saber que te funciono bien gracias a ti por visitar saludos
Ya estoy preparando un tutorial para el dia del Amor y la Amistad! estoy seguro que les va a gustar
Publicar un comentario