HTML JavaS // -

Eklablog

Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science

Editer l'article Suivre ce blog

Administration + Créer mon blog

MENU

Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science

Connexion + Créer mon blog Editer l'article Suivre ce blog

Partager

17.07.2015 …

Par GloriaV

HTML JavaS

<script>// <![CDATA[
/******************************************
*Script genere par le generateur de script d'astuforum ( http://astuforum.free.fr)  
* Snow Effect Script- By Altan d.o.o. (http://www.altan.hr/snow/index.html)
* Visit Dynamic Drive DHTML code library (http://www.dynamicdrive.com/) for full source code
* Traduction française par Prof TNJ
******************************************/
// Indiquer l'URL de l'image du flocon :
var urlflocon="http://dl7.glitter-graphics.net/pub/2532/2532747h4cnehr80b.gif"
// Ecrire le nombre de flocons :
var nombreflocons = 8;
// Indiquer si la neige doit disparaître après x secondes (0=jamais) :
var cacherflocons = 0;
// Indiquer si la neige doit être vue sur la fenêtre ou toute la page avant de disparaître ("windowheight"=la fenêtre, "pageheight"=toute la page)
var voirflocons = "pageheight";
/////////// Fin de la partie configuration //////////////////////////////////
var ie4up = (document.all) ? 1 : 0;
var ns6up = (document.getElementById&&!document.all) ? 1 : 0;
function testIEcompatible(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
var dx, xp, yp; // Variables de coordonnées et de position
var am, stx, sty; // Variables d'amplitude
var i, doc_width = 1024, doc_height = 768; // Taille de l'écran
if (ns6up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = testIEcompatible().clientWidth;
doc_height = testIEcompatible().clientHeight;
}
dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();
for (i = 0; i < nombreflocons; ++ i) {
dx[i] = 0; // Variables de coordonnées
xp[i] = Math.random()*(doc_width-50); // Variables de position
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // Variables d'amplitude
stx[i] = 0.02 + Math.random()/10; // Variables de pas‎
sty[i] = 0.7 + Math.random(); // Variables de pas
if (ie4up||ns6up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"Position: absolute; Z-Index: "+ i +"; Visibility: visible; Top: 15px; Left: 15px;\"><img src='"+urlflocon+"' border=\"0\"><\/div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-Index: "+ i +"; Visibility: visible; Top: 15px; Left: 15px;\"><img src='"+urlflocon+"' border=\"0\"><\/div>");
}
}
}
function neigeIE_NS6() { // IE et NS6 : fonctions principales d'animation
doc_width = ns6up?window.innerWidth-10 : testIEcompatible().clientWidth-10;
doc_height=(window.innerHeight && voirflocons=="windowheight")? window.innerHeight : (ie4up && voirflocons=="windowheight")? testIEcompatible().clientHeight : (ie4up && !window.opera && voirflocons=="pageheight")? testIEcompatible().scrollHeight : testIEcompatible().offsetHeight;
for (i = 0; i < nombreflocons; ++ i) { // déplacement pour chaque point ("dot")
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
}
dx[i] += stx[i];
document.getElementById("dot"+i).style.top=yp[i]+"px";
document.getElementById("dot"+i).style.left=xp[i] + am[i]*Math.sin(dx[i])+"px";
}
snowtimer=setTimeout("neigeIE_NS6()", 10);
}
function cacherneige(){
if (window.snowtimer) clearTimeout(snowtimer)
for (i=0; i<nombreflocons; i++) document.getElementById("dot"+i).style.visibility="hidden"
}
if (ie4up||ns6up){
neigeIE_NS6();
if (cacherflocons>0)
setTimeout("cacherneige()", cacherflocons*1000)
}
// ]]></script>
</p>
<div id="\"dot"+">
<div class="article_text">
<p style="text-align: center;">
<script type="mce-mce-mce-mce-mce-mce-mce-mce-mce-mce-mce-mce-mce-mce-text/javascript">// <![CDATA[

// ]]></script>

« Article précédent Article suivant »

Retour à l'accueil

Partager cet article

Repost0

Commenter cet article

Voir le profil de GloriaV sur le portail Eklablog