Dans le scénario, au lieu de flocons de neige, ils tombent en carrés. Chutes de neige sur jQuery ou modèle de carte de vœux du Nouvel An html. Comment connecter un script avec des flocons de neige à votre hébergement

Décorer votre blog pour la nouvelle année. J'attire votre attention sur un widget ancien mais pas oublié et apprécié des blogueurs FALLING SNOWFLAKES.

En me promenant sur Internet, je suis tombé sur un blog incroyable et j'ai lu ce texte dans l'article : « Je suis un vieux soldat et je ne connais pas les mots d'amour et c'est pourquoi je n'ai pas ajouté de flocons de neige sur mon blog, c'est en quelque sorte indigne.

L'auteur a publié un article sur ce sujet, ce qui signifie que tout le monde aime la beauté et que nous sommes tous des enfants dans l'âme et attendons les vacances avec admiration, et nous voulons des vacances non seulement dans le monde réel, mais aussi dans le monde virtuel. Vraiment, quand j'ai lu les paroles de l'auteur, les paroles de la chanson de Valery Leontyev me sont venues à l'esprit : « Tout le monde veut aimer, aussi bien un soldat qu'un marin. Tout le monde veut avoir à la fois une épouse et une amie. Tout le monde veut aimer, soldats et marins. Seuls les jours sont durs, seuls nos jours sont des blizzards, des blizzards.

Mais ce sont des paroles et de l'eau inutile dans le texte. J'aime moi-même, comme un corbeau, toutes sortes de gadgets sur Internet : émoticônes, gifs, widgets, gadgets, et c'est avec grand plaisir que je partagerai mes connaissances avec vous, chers lecteurs.

Comment installer le gadget Falling Snowflakes

Accédez au Panneau d'administration de Blogger > Conception > Ajouter un gadget HTML/JavaScript. Collez le code dans la fenêtre.

Après avoir inséré le code dans le gadget, il est conseillé de l'élever le plus haut possible. Ce n'est pas difficile à faire, saisissez le gadget HTML/JavaScript avec le bouton gauche de la souris, faites-le glisser sous le modèle et relâchez-le, cela n'a pas fonctionné la première fois, répétez encore.

Décorer vos sites Web et blogs pendant les vacances du Nouvel An et de Noël est une bonne chose. C'est agréable de visiter même de tels sites :).

Mon blog ne fait pas exception, il s'est lui aussi métamorphosé pour la période de ces vacances d'hiver. Vous avez surement remarqué le nouveau logo, sur lequel je ne peux pas me vanter d'avoir écrit un article, il est actuellement décoré d'un sapin de Noël et saupoudré de neige.

Avant, je n'avais jamais installé de scripts pour faire tomber des flocons de neige sur un site, car j'avais vu ce miracle sur d'autres sites et pour être honnête, je n'aimais pas trop ça, et parfois ça m'énervait même.

Récemment, une nouvelle fonctionnalité est apparue sur Google. J'en ai parlé dans - il s'agit de chutes de neige et d'un écran gelé, que vous pouvez ensuite effacer avec votre doigt. Essayez-le, saisissez la requête « dans le moteur de recherche » laisse tomber la neige ”.

J'ai vraiment aimé cette approche pour deux raisons :

1 . C'est très joli;

2. La neige ne commence à tomber qu'à la demande de l'utilisateur.

C'est le genre de décoration que j'aime. Mais je ne pourrai pas implémenter le gel de l'écran - je ne suis pas programmeur, je veux le commander auprès d'un programmeur, mais je ne suis pas sûr que ce soit fait à temps pour cette nouvelle année. Mais avec des chutes de neige à la manière de Google et "sur ordre" du visiteur - c'est possible :). C'est vrai, encore une fois, pas par nous-mêmes, mais avec l'aide d'un bon "étranger" :), mais ce n'est pas la question.

Avant de vous présenter la neige sur mon blog, rappelons d'abord brièvement quelques plugins WordPress qui génèrent de la bonne neige pour le site.

Plugins de neige qui tombe du Nouvel An pour WordPress

Beaucoup bon plugin. Il existe de nombreux paramètres différents : vitesse d'animation, couleur de la neige qui tombe, taille des flocons, nombre de flocons de neige qui tombent simultanément, etc. Il y a même quelque chose comme le gel, mais je n'ai pas réussi à le faire fonctionner :(.

À première vue, la neige sur le site n'a pas l'air mauvaise, essayez-la, elle pourrait vous plaire.

Mais ce plugin n'a pas fonctionné pour moi. Premièrement, je n'aime pas vraiment les plugins et je ne les utilise qu'en cas d'absolue nécessité, et deuxièmement, la neige commence à « tomber » immédiatement après le chargement de la page (vous vous souvenez du deuxième point ?) et détourne parfois l'attention du contenu principal du site ( les mouches clignotent devant mes yeux, putain :)), et les flocons de neige sont tous de la même taille.

Ils disent que c'est un bon plugin. Pour une raison quelconque, je n'ai pas démarré, même si tout s'est bien installé, mais il n'y avait pas de neige :). Essayez-le, vous ferez peut-être mieux.

Ce plugin fait exactement la même neige que moi actuellement. Il n'y a pas de réglages particuliers, il suffit de le configurer et il a commencé à neiger. Cependant, si vous le souhaitez, vous pouvez toujours personnaliser certaines choses (couleurs, vitesse, etc.) dans l'éditeur de plugin, c'est-à-dire en éditant le fichier du plugin lui-même.

Tout irait bien, mais les inconvénients sont les mêmes qu’avant : c’est toujours un plugin, même s’il n’est pas « lourd », et il neige constamment, même si l’utilisateur n’en a généralement pas besoin.

Ce plugin peut être appelé un plugin de vacances universel. En plus de la neige elle-même, ce script peut également libérer des ballons gonflables et toutes sortes de feuilles :).

Un plugin très intéressant...J'avais même envie de l'installer. Mais... j'ai déjà ma propre neige :).

Neige sur le site à la demande des utilisateurs

C’est en fait la solution qui, à mon avis, est la meilleure de toutes celles listées ci-dessus. Bien sûr, tout ici n'est pas aussi cool que dans le même « Neige, ballons et plus », mais plus simple ne veut pas dire pire.

L'avantage le plus important de ce script est « la neige sur commande ». La neige ne tombera pas toute seule, il faudra la provoquer en appuyant sur un bouton. De cette façon, le visiteur ne sera pas stressé par les flocons blancs sur l'écran qui gênent sans cesse la lecture. S'il veut de la neige, il la verra.

Pour commencer, téléchargez ces fichiers et téléchargez-les sur votre serveur dans le dossier souhaité: , . Au fait, le bouton ressemble à ceci :

Ensuite, entre les balises, écrivez le chemin d'accès aux scripts :

< script type= "text/javascript" src= "путь/jquery.min.js?ver=1.7" > < script src= "путь/jquery.letsinsnow.js" >

Veuillez noter que si la bibliothèque jquery est déjà incluse, vous n'avez pas du tout besoin de la réactiver. Ensuite, écrivez simplement le chemin vers jquery.letsinsnow.js.

Dans le fichier jquery.letsinsnow.js à la ligne 15 (« color » : « #79B3EC »), vous pouvez changer la couleur des flocons de neige. Je pense que le reste peut être laissé par défaut ;).

Il ne reste plus qu'à ajouter un bouton au site, en cliquant sur quelle neige tombera. Pour ce faire, vous devez suivre quelques étapes simples :

1 . Placez le code du bouton à l'endroit souhaité sur le site :

< input name= "snowbutton" TYPE = "button" onclick= "$("body").snowFall();" title= "Des flocons de neige !" class= "snowbutton" />

J'ai un bouton dans l'en-tête du blog. C'est pourquoi j'ai ajouté le code au fichier header.php de mon modèle WordPress.

2. Ajoutez le style suivant au fichier de style (généralement style.css) :

.snowbutton ( arrière-plan : url ( "snowflake.png" ) 100% sans répétition ; largeur : 64px ; hauteur : 64px ; débordement : visible ; marge-haut : 80px ; marge-gauche : 740px ; curseur : pointeur ; bordure : 0 ; )

Ici, vous devrez ajuster quelques paramètres :

— chemin d'accès à l'image du bouton : background:url("snowflake.png") 100 % sans répétition ;.

— emplacement du bouton sur le site : marge supérieure : 80 px ;(indentation en haut de l'écran) et marge gauche : 740 px ;(retrait à gauche).

Bien sûr, vous pouvez écrire des styles complètement différents et utiliser un bouton différent. Je viens de donner un exemple qui travaille actuellement sur mon blog.

Au fait, essayez-le. Le bouton se trouve dans l'en-tête du blog, à côté du formulaire de recherche :

Bonne chance à vous les amis ! Bonne année et joyeux Noël!

Bonbons pour aujourd'hui : Belle mélodie, belle chanson, belle vidéo de Noël. Apprécier :)

En interdisant en utilisant Javascript Vous ne pourrez pas voir exemples intéressants ses applications !

Effet de neige tombant JavaScript

En utilisant le langage de programmation JavaScript, vous pouvez créer un effet de chute de neige très intéressant sur votre site Web.

Pour créer de la neige qui tombe sur mon site Web, j'ai connecté à cette page un script de neige qui tombe assez long, implémenté à l'aide de code JavaScript.

Si vous devez ajouter l'effet de chutes de neige à un site HTML, il suffit alors de configurer ce script.

Script de neige sur le site

Visibilité des flocons de neige - le code de la neige les affiche sur tout "corps" des pages Web, c'est-à-dire agit sur la balise, les faisant sortir de la page si elles sont définies. UN par le bas les flocons de neige disparaissent là où ils se trouvent dans le script de neige.

La limite inférieure de visibilité des flocons de neige est écrite dans l'instruction if de la fonction snow(), dans la 42ème ligne de code, dans l'expression : if (y_pos[i] > height - 89)( La limite inférieure de visibilité des flocons de neige est de plus, plus le nombre soustrait de la hauteur est petit. Si, au lieu du nombre indiqué « 89 », nous mettons, disons, « 49 », alors les flocons de neige « tourneront » dans l'exemple de figure et disparaîtront derrière son bande de séparation.

Le nombre de flocons de neige est fixé dans la 14ème ligne du code js du script, dans l'expression : var col = Math.round(height/25); Plus le nombre écrit dans cette expression est petit, plus le nombre de flocons de neige est grand.

La vitesse des flocons de neige est ajustée dans la 50ème ligne de code, dans l'expression : setTimeout("snow()", 40); La vitesse des flocons de neige est d'autant plus grande que le nombre de retard est faible.

** Par exemple, en spécifiant une valeur assez petite pour ces nombres, disons « 5 », vous pouvez organiser une « vraie chute de neige » sur la page de votre site Web. "Bourane" !

Et a part ca!

N'oubliez pas (!) dans la première ligne de code : var imgsrc="image/snow/snow.gif"; indiquez le chemin vers l’image de flocon de neige souhaitée.

D'ailleurs! Vous pouvez indiquer en toute sécurité N'IMPORTE QUELLE PHOTO de ce dossier. Pour tester, j'ai pris et noté des photos : snow.gif ÷ snow6.gif (*intéressant ; elles sont toutes différentes), absolument SANS tout changement au code de la neige.

Pour que les flocons de neige soient répartis uniformément sur toute la hauteur de la page, il est IMPORTANT (!) où vous insérez le code JavaScript. Il est préférable d'éviter que le défilement inférieur de la page ne « tremble » en insérant le code du script snow à la toute fin de la page. VÉRIFIÉ!
**Et plus loin! N'INSÉREZ PAS de code de script dans la balise ! NE MARCHE PAS!

Bonne journée et bonne année. A la veille de la nouvelle année, je souhaite partager avec vous un plugin de chute de neige très léger, beau et sans prétention. Ce script est vraiment très léger et s’intègre facilement dans un fichier HTML, sans rendre difficile le travail avec le code HTML du site lui-même. Certes, il peut être placé dans un fichier séparé. Mais pour plus de commodité, j'ai tout fait dans un seul fichier.

Il n'y a pas grand chose à dire ici, il vaut mieux assister à une démonstration de cette neige qui tombe. De plus, il y a un très beau fond et l'inscription "Happy New Year" écrite dans une belle police "Lobster" de Google. Vous pouvez facilement transformer ce fichier en carte de vœux en ligne.

Connecter le script des flocons de neige qui tombent au site Web terminé 1. Connectez la bibliothèque jQuery

On se connecte comme ceci : entre les balises et on insère le code suivant :

2. Connectez les styles

Collez le code CSS dans votre fichier CSS (généralement style.css) :

#canvas ( bordure : 1px noir uni ; position : absolue ; z-index : 10000 ; ) #flake ( couleur : #fff ; position : absolue ; taille de police : 25px ; haut : -50px ; )

3. Créez le fichier snow.js

Créons un fichier snow.js et insérons-y le code javascript suivant :

var t = setInterval(function())( var documentHeight = $(document).height(); var startPositionLeft = Math.random() * $(document).width() - 100; var startOpacity = 0.5 + Math.random ( ); var sizeFlake = 10 + Math.random() * 20; var endPositionTop = documentHeight - 40; var endPositionLeft = startPositionLeft - 100 + Math.random() * 200; var duréeFall = documentHeight * 10 + Math.random() * 5000 ; $("#flake") .clone() .appendTo("body") .css(( gauche : startPositionLeft, opacité : startOpacity, "font-size": sizeFlake ) ) .animate(( haut : endPositionTop, gauche : endPositionLeft, opacité : 0,2 ), duréeFall, "linear", function() ( $(this).remove()); ), 500); var neige = (); var snowflex = (); snowflex.create = function( snowflex)( var flex = document.createElement("div"); flex.innerHTML = "❄"; flex.style.fontSize = 10 + Math.random() * 20 + "px"; flex . style.top = - 50 + Math.random() * 20 + "px" ; flex.style.left = Math.random() * 1500 + "px" ; flex.style.position = "absolu" ; flex. style .color = "#F3F3F3"; flex.style.opacity = Math.random(); document.getElementsByTagName("body").appendChild(flex); return flex; ); snow.snowflex = function()( var flex = snowflex.create(); var x = -1 + Math.random() * 2; var t = setInterval(function())( flex.style.top = parseInt(flex . style.top) + 5 + "px"; flex.style.left = parseInt(flex.style.left) + x + "px"; if (parseInt(flex.style.top) > 1500) ( clearInterval(t ) ; document.getElementsByTagName("body").removeChild(flex); ) ), 45 + Math.random() * 20); ); snow.storm = function())( var t = setInterval(function())( snow.snowflex(); ), 500); ); //tempête de neige(); var brouillard = (); fog.draw = function(ctx, x, y)( ctx.fillStyle = "rgba(255, 255, 255, " + Math.random() + ")"; ctx.arc(x, y, 10,0, Math.PI*2,true); ctx.closePath(); ctx.fill(); ); fog.start = function())( var ctx = document.getElementById("canvas").getContext("2d"); var x = 0; var y = 0; var t = setInterval(function())( x = 300 + 300*Math.sin(x); y = 300 + 300* -Math.cos(x); x += 2; fog.draw(ctx, x, y); ), 100); ); //début de brouillard();

Nous incluons le fichier js dans :

4. Insérez le code html

Eh bien, la chose la plus importante reste : insérez le code html des chutes de neige n'importe où dans :

❄

Si vous avez tout fait correctement, la neige commencera à tomber sur votre site.

Connecter une image d'arrière-plan, un grand en-tête et des flocons de neige qui tombent

Cette option est différente en ce sens qu'elle comporte une image d'arrière-plan et un grand en-tête « Bonne année ». Connecter cette version du script Falling Snow à votre site Web est assez simple. Besoin de:

1. Téléchargez l'archive et décompressez-la 2. Connectez la bibliothèque jQuery

Assurez-vous d'inclure la bibliothèque jQuery (pas nécessaire si cette bibliothèque est déjà incluse). On se connecte comme ceci : entre les balises et on insère le code suivant :

3. Connectez la police "Lobster"

Semblable à la connexion de la bibliothèque jQuery, nous connectons la police pour notre inscription « Bonne année » :

Naturellement, si vous n'avez pas besoin de cette inscription et de cette police, vous n'êtes pas obligé de l'inclure, mais alors dans le CSS, supprimez la « font-family : « Lobster », cursive ; » de l'attribut H1, ou remplacez-la. avec votre propre police

4. Styles de connexion

Option A : Collez le code CSS dans votre fichier CSS. Voici le code :

Img.bg ( /* Définir des règles pour remplir l'arrière-plan */ min-height : 100 % ; min-width : 1024px; /* Configurer une mise à l'échelle proportionnelle */ width : 100 %; height : auto; /* Configurer le positionnement */ position : fixe ; haut : 0 ; gauche : 0 ; ) h1 ( famille de polices : "Lobster", cursive ; couleur : #FFF ; taille de police : 90 px ; alignement du texte : centre ; hauteur de ligne : 95 px ; police- poids : normal ; marge supérieure : 300 px ; ombre du texte : 5px 5px 5px #000 ; ) @media screen et (largeur maximale : 1024px) ( /* Spécifique à cette image particulière */ img.bg ( gauche : 50 % ; marge gauche : -512 px ; /* 50 % */ ) ) html, corps ( famille de polices : Helvetica, Arial, sans-serif ; taille de police : 12 px ; hauteur de ligne : 16 px ; remplissage : 0 ; marge : 0; couleur : #333 ; ) .bar ( couleur d'arrière-plan : #111 ; couleur : #f0f0f0 ; ombre de la boîte : 0px 0px 2px #333 ; hauteur de ligne : 25px ; remplissage : 0px 20px ; opacité : 0,7 ; ) . bar:hover ( opacité : 1; ) .bar a ( couleur : #DDD ; ) .bar a:hover ( couleur : #FFFFFF ; ) a ( couleur : #FFFFFF ; décoration de texte : aucun ; ) a:hover ( couleur : #CCC; ) #canvas ( bordure : 1px noir uni ; position : absolue ; indice z : 10 000 ; ) #flake ( couleur : #fff ; position : absolue ; taille de police : 25px ; haut : -50px ; ) #page ( position : relative ; )

Option B. Vous pouvez également créer un fichier séparé, par exemple snow.css et y coller le même code, bien qu'il devra être inclus dans l'en-tête comme suit :

5. Connectez le script de chute de neige

Option A. Pour ce faire, il faut insérer le code javascript suivant tout en bas du site (avant la fermeture) :

var t = setInterval(function())( var documentHeight = $(document).height(); var startPositionLeft = Math.random() * $(document).width() - 100; var startOpacity= 0.5 + Math.random ( ); var sizeFlake= 10 + Math.random() * 20; var endPositionTop= documentHeight - 40; var endPositionLeft= startPositionLeft - 100 + Math.random() * 200; var duréeFall= documentHeight * 10 + Math.random() * 5000 ; $("#flake") .clone() .appendTo("body") .css(( gauche : startPositionLeft, opacité : startOpacity, "font-size": sizeFlake )) .animate(( haut : endPositionTop, gauche : endPositionLeft, opacité : 0,2 ), duréeFall, "linear", function() ( $(this).remove()); ), 500); var neige = (); var snowflex = (); snowflex.create = function( snowflex)( var flex = document.createElement("div"); flex.innerHTML = "❄"; flex.style.fontSize = 10 + Math.random() * 20 + "px"; flex . style.top = - 50 + Math.random() * 20 + "px" ; flex.style.left = Math.random() * 1500 + "px" ; flex.style.position = "absolu" ; flex. style .color = "#F3F3F3"; flex.style.opacity= Math.random(); document.getElementsByTagName("body").appendChild(flex); return flex; ); snow.snowflex = function()( var flex = snowflex.create(); var x = -1 + Math.random() * 2; var t = setInterval(function())( flex.style.top = parseInt(flex . style.top) + 5 + "px"; flex.style.left = parseInt(flex.style.left) + x + "px"; if (parseInt(flex.style.top) > 1500) ( clearInterval(t ) ; document.getElementsByTagName("body").removeChild(flex); ) ), 45 + Math.random() * 20); ); snow.storm = function())( var t= setInterval(function())( snow.snowflex(); ), 500); ); //tempête de neige(); var brouillard = (); fog.draw = function(ctx, x, y)( ctx.fillStyle = "rgba(255, 255, 255, " + Math.random() + ")"; ctx.arc(x, y, 10,0, Math.PI*2,true); ctx.closePath(); ctx.fill(); ); fog.start = function())( var ctx = document.getElementById("canvas").getContext("2d"); var x = 0; var y = 0; var t = setInterval(function())( x = 300 + 300*Math.sin(x); y = 300 + 300* -Math.cos(x); x += 2; fog.draw(ctx, x, y); ), 100); ); //début de brouillard();

Option B. Tout comme avec le code CSS, le javascript peut être placé dans un fichier séparé et également appelé snow.js et inclus dans le head :

6. Remplissez l'image d'arrière-plan

Téléchargez l'image bg.jpg depuis l'archive vers la racine de votre site

7. Insérez le code html

Eh bien, le plus important est d'insérer le code html de la neige qui tombe :

Bonne année! ❄

Le script de chute de neige a été connecté avec succès. Assurez-vous de le regarder en action. Tous mes vœux!

s'occupera de la décoration du site internet. Vous vous rendez sur le site, et là, de la neige ou des flocons de neige tombent, vous ressentez l'esprit des vacances et créez immédiatement une bonne ambiance de vacances. Même si la neige est virtuelle, elle me fait quand même plaisir. Êtes-vous d'accord? Oui bien sur. Alors, aujourd'hui je vais vous dire - Comment ajouter, activer, installer de la neige ou des flocons de neige sur le site.

Pour cela, il existe des plugins spéciaux avec lesquels vous pouvez activer les chutes de neige ou de flocons de neige sur le site pendant les vacances, et pour ceux qui ont peur des modules, il existe un script pour les chutes de neige sur le site. Je vous présenterai le scénario à la toute fin du post. En attendant, les plugins les plus simples, mis à jour et compatibles avec dernière version WordPress.

Plugin Snow Flurry – il neige sur le site WordPress

Un plugin simple et entièrement personnalisable. Avec possibilité d'installation : taille maximum flocons de neige; à quelle fréquence de nouveaux flocons sont créés ; ajoutez la vitesse minimale et maximale de chute de neige, la couleur du flocon de neige, ainsi que la possibilité de désactiver le plugin après un nombre de secondes spécifié. Après avoir installé et activé le plugin, une section avec le nom approprié apparaîtra dans le panneau d'administration :

Super plugin WFS Let It Snow - ajoute des chutes de neige à votre site

Plugin WFS Let It Snow

Un excellent plugin pour JQuery, avec son aide, vous pouvez simplement organiser une véritable chute de neige sur le site, c'est-à-dire un voile blanc. Dans les paramètres, vous pouvez sélectionner le type de chute de neige parmi quatre options : légère, moyenne, forte et voile blanc. Et aussi, faites tomber des flocons de neige uniquement sur page d'accueil ou pas du tout ; activer/désactiver la neige ; taille minimale et maximale des flocons de neige ; vitesse minimale et maximale des flocons ; activer les ombres (pour les sites Web avec fond blanc) :

Configuration du plugin WFS Let It Snow

Ici, également après avoir installé et activé le plugin, la sous-section Let It Snow apparaîtra dans la section des paramètres, cliquez et configurez. Allons-nous en.

Tempête de neige tribulante - un blizzard sur votre site

J'ai davantage aimé ce plugin, je ne sais même pas pourquoi, peut-être à cause de la direction des chutes de neige, le blizzard de neige réagit au mouvement du pointeur de la souris (si vous activez cette option). Cool, les visiteurs apprécieront. Plus de paramètres : couleur de la neige ; quantité de flocons ; intervalle d'animation ; assistance mobile ; la neige se cache en bas de l'écran et effet scintillant :

C'est probablement tout avec les modules pour décorer un site Web avec des chutes de neige, qui méritent votre attention. J'aurai également une tempête de neige sur le blog à l'approche du Nouvel An. C'est dommage que si vous avez un fond de site clair (moi aussi), vous devrez remplacer la neige blanche par autre chose, par exemple : bleu ou cyan. Quelque chose comme ca. J'allais oublier, tous les plugins présentés sont installés de manière standard, via le panneau d'administration - ajoutez un plugin et entrez son nom dans le champ de recherche.

Maintenant, pour ceux qui ne veulent pas jouer avec les plugins, un moyen simple est de comment installer des chutes de neige sur un site Web sans plugin .

Script de chute de neige sur le site

Le script des flocons de neige qui tombent convient à n'importe quel site Web ou blog sur n'importe quelle plate-forme. Il vous suffit de bricoler (le script doit être téléchargé sur votre hébergement), vous pouvez utiliser votre hébergement là où se trouve votre site, ou vous pouvez en utiliser un tiers, par exemple : gratuit et Google Drive. Et voici donc le code du script :

/* Snow Fall 1 - pas d'images - Java Script Visitez http://rainbow.arch.scriptmania.com/scripts/ pour ce script et bien d'autres */ // Définissez le nombre de flocons de neige (plus de 30 à 400 non recommandé) var snowmax=100 // Définit les couleurs de la neige. Ajoutez autant de couleurs que vous le souhaitez var snowcolor=new Array("#b9dff5","#b9dff5","#b9dff5","#b9dff5","#b9dff5") // Définissez les polices qui créent les flocons de neige. Ajoutez autant de polices que vous le souhaitez var snowtype=new Array("Times") // Définissez la lettre qui crée votre flocon de neige (recommandé : *) var snowletter="*" // Définissez la vitesse de descente (plage de valeurs recommandées de 0,3 à 2) var Sinkspeed=0,6 // Définit la taille maximale de vos flocons de neige var snowmaxsize=35 // Définit la taille minimale de vos flocons de neige var snowminsize=8 // Définit la zone de neige // Définit 1 pour tous -over -snowing, set 2 pour la neige du côté gauche // Set 3 pour la neige au centre, set 4 pour la neige du côté droit var snowingzone=1 //////////////// // ///////////////////////////////////////////// /////// // LA CONFIGURATION SE TERMINE ICI /////////////////////////////////// / ////////////////////////////////// // Ne pas modifier en dessous de cette ligne var snow=new Array () var marginbottom var marginright var minuterie var i_snow=0 var x_mv=new Array(); var crds=nouveau tableau(); var lftrght=nouveau tableau(); var browserinfos=navigator.userAgent var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/) var ns6=document.getElementById&&!document.all var opera=browserinfos.match(/Opera/) var browserok=ie5|| ns6||opera fonction randommaker(range) ( rand=Math.floor(range*Math.random()) return rand ) fonction initsnow() ( if (ie5 || opera) ( marginbottom = document.body.scrollHeight marginright = document .body.clientWidth-15 ) sinon if (ns6) ( marginbottom = document.body.scrollHeight marginright = window.innerWidth-15 ) var snowsizerange=snowmaxsize-snowminsize for (i=0;i(marginright-3*lftrght[i] ))( if (snowingzone==1) (snow[i].posx=randommaker(marginright-snow[i].size)) if (snowingzone==2) (snow[i].posx=randommaker(marginright/2 -snow[i].size)) if (snowingzone==3) (snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4) if (snowingzone==4) ( snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2) snow[i].posy=0 ) ) var timer=setTimeout("movesnow()",50) ) pour (je=0;je