Tous les blogs
Top blogs Technologie & Science
Tous les blogs Technologie & Science
Editer l'article
Suivre ce blog
Administration
Connexion
+
Créer mon blog
MENU
Tous les blogs
Top blogs Technologie & Science
Tous les blogs Technologie & Science
Recherche
Rechercher
Connexion
+
Créer mon blog
Editer l'article
Suivre ce blog
Administration
Partager
Tutorial, CSS, HTML
Accueil
Catégories principales
Amados ángeles
Animales
Antivirus
Bienvenido
Bordes
Boton
Carnaval
Color RGB HEX...
Con fondo flash
Cuadros alimentos
Cuadros amor
Cuadros animales
Cuadros flores
Cuadros humor
Cuadros musica
Cuadros naturaleza
Cuadros navideños
Cuadros para fondos...
Cuadros Pascua
Cuadros personas
Archives
2017
Novembre (8)
Octobre (8)
Septembre (24)
Août (24)
Juillet (31)
Juin (60)
Mai (70)
Avril (265)
Mars (101)
Février (78)
Janvier (103)
2016
Décembre (199)
Novembre (371)
Octobre (303)
Septembre (329)
Août (148)
Juillet (96)
Juin (46)
Mai (33)
Avril (76)
Mars (127)
Février (36)
Janvier (3)
2015
Décembre (18)
Novembre (23)
Octobre (8)
Septembre (6)
Août (196)
Juillet (300)
Juin (16)
Mai (26)
Avril (33)
Mars (18)
Février (105)
Contact
>
Tutorial falling (Objetos que caen)
>
HTML -
12.03.2017
…
Par GloriaV
HTML
<script language="JavaScript1.2"> <!-- Begin /* Float Up Drifter - JavaScript Visit www.rainbow.arch.scriptmania.com/scripts/index.html for this script and many more */ // Configure below - change number of images to render var no = 8; // Configure speed below var speed = 20; // The smaller the number, the faster the movement var floatr = new Array(); // Your image location floatr[0] = "http://www.gifsanimados.org/data/media/230/pajaro-y-ave-imagen-animada-0483.gif" floatr[1] = "http://sl.glitter-graphics.net/pub/1113/1113767f8v4e02m1a.gif" floatr[2] = "http://www.gifsanimados.org/data/media/230/pajaro-y-ave-imagen-animada-0483.gif" floatr[3] = "https://lh4.googleusercontent.com/-hp_RAIQcDjM/VQ1IFM5SxiI/AAAAAAABgM0/c0tj7tcy7-Y/w7-h6-no/8.gif" floatr[4] = "http://sl.glitter-graphics.net/pub/1113/1113767f8v4e02m1a.gif" floatr[5] = "http://www.gifsanimados.org/data/media/230/pajaro-y-ave-imagen-animada-0483.gif" floatr[6] = "https://lh4.googleusercontent.com/-hp_RAIQcDjM/VQ1IFM5SxiI/AAAAAAABgM0/c0tj7tcy7-Y/w7-h6-no/8.gif" floatr[7] = "http://www.gifsanimados.org/data/media/230/pajaro-y-ave-imagen-animada-0483.gif" var ns4up = (document.layers) ? 1 : 0; // browser sniffer var ie4up = (document.all) ? 1 : 0; var ns6up = (document.getElementById&&!document.all) ? 1 : 0; var dx, xp, yp; // coordinate and position variables var am, stx, sty; // amplitude and step variables var i, doc_width = 800, doc_height = 1800; if (ns4up||ns6up) { doc_width = 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(); am = new Array(); stx = new Array(); sty = new Array(); j = 0; for (i = 0; i < no; ++ i) { dx[i] = 0; // set coordinate variables xp[i] = Math.random()*(doc_width-50); // set position variables yp[i] = Math.random()*doc_height; am[i] = Math.random()*20; // set amplitude variables stx[i] = 0.02 + Math.random()/10; // set step variables sty[i] = 0.7 + Math.random(); // set step variables if (ns4up) { // set layers if (i == 0) { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ floatr[j] + "\" border=\"0\"></layer>"); } else { document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src=\""+ floatr[j] + "\" border=\"0\"></layer>"); } } else if (ie4up||ns6up) { if (i == 0) { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + floatr[j] + "\" border=\"0\"></div>"); } else { document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"VISIBILITY: visible; TOP: 15px; LEFT: 15px; width:1;\"><img src=\"" + floatr[j] + "\" border=\"0\"></div>"); } } if (j == (floatr.length-1)) { j = 0; } else { j += 1; } } function floatrNS() { // Netscape main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] -= sty[i]; if (yp[i] < -50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = doc_height; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = self.innerWidth; doc_height = self.innerHeight; } dx[i] += stx[i]; document.layers["dot"+i].top = yp[i]+pageYOffset; document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]); } setTimeout("floatrNS()", speed); } function floatrIE_NS6() { // IE main animation function for (i = 0; i < no; ++ i) { // iterate for every dot yp[i] -= sty[i]; if (yp[i] < -50) { xp[i] = Math.random()*(doc_width-am[i]-30); yp[i] = doc_height; stx[i] = 0.02 + Math.random()/10; sty[i] = 0.7 + Math.random(); doc_width = ns6up?window.innerWidth-5:document.body.clientWidth; doc_height = ns6up?window.innerHeight-5:document.body.clientHeight; } dx[i] += stx[i]; if (ie4up){ document.all["dot"+i].style.pixelTop = yp[i]+document.body.scrollTop; document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]); } else if (ns6up){ document.getElementById("dot"+i).style.top=yp[i]+pageYOffset; document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i]); } } setTimeout("floatrIE_NS6()", speed); } if (ns4up) { floatrNS(); } else if (ie4up||ns6up) { floatrIE_NS6(); } // End --> </script>
« Article précédent
Article suivant »
Retour à l'accueil
Partager cet article
Commenter cet article
Ajouter un commentaire
Thème Magazine © - Hébergé par
Eklablog