« »

Snow effets restent trÃ¨s populaire sur le web Ã des fins dÃ©coratives. Kurt's Snow script utilise les balises DIV de crÃ©er cet effet sans utiliser des images. Le rÃ©sultat est un poids lÃ©ger, une expÃ©rience sans tracas. Note que, bien que ce script fonctionne dans les deux IE5 + et NS6 +, elle mai courir maladroitement dans la suite. GrÃ¢ce Ã cela, une variable dans "snow.js" ci-dessous vous permet de dÃ©sactiver l'effet NS6 +. ApprÃ©cier!

ï¿½tiquette: Effet de neige sans images

Rapport de nous cette erreur JavaScript

Demo
Agrandir
Recharger
New window

Gratuit iPage hï¿½bergement Web pour la premiï¿½re annï¿½e MOMENT

Si vous ï¿½tes toujours ï¿½ la recherche d'un fournisseur d'hï¿½bergement Web fiable avec des tarifs abordables, pourquoi vous ne prenez pas un peu de temps pour essayer iPage, seulement avec $1.89/month, inclus $500+ Crï¿½dits supplï¿½mentaires gratuites pour le paiement de 24 mois ($45)?

Plus de 1.000.000 de clients + existisng peuvent pas avoir tort, vraiment vous n'ï¿½tes pas aussi! Plus important encore, lorsque vous enregistrez l'hï¿½bergement web ï¿½ iPage grï¿½ce ï¿½ notre lien, nous allons ï¿½tre heureux de renvoyer un plein remboursement. C'est gï¿½nial! Vous devriez essayer iPage hï¿½bergement web GRATUITEMENT maintenant! Et contactez-nous pour tout ce que vous devez savoir sur iPage. Essayez iPage GRATUIT premiï¿½re annï¿½e MOMENT

Code
JavaScript
Imprimer

Copy All x2

<script type="text/javascript" name="snow.js">
if  ((document.getElementById) && 
window.addEventListener || window.attachEvent){

(function(){

//Configure here.

var num = 60;   //Number of flakes
var timer = 30; //setTimeout speed. Varies on different comps

//End.

var y = [];
var x = [];
var fall = [];
var theFlakes = [];
var sfs = [];
var step = [];
var currStep = [];
var h,w,r;
var d = document;
var pix = "px";
var domWw = (typeof window.innerWidth == "number");
var domSy = (typeof window.pageYOffset == "number");
var idx = d.getElementsByTagName('div').length;

if (d.documentElement.style && 
typeof d.documentElement.style.MozOpacity == "string")
num = 12;

for (i = 0; i < num; i++){
sfs[i] = Math.round(1 + Math.random() * 1);

document.write('<div id="flake'+(idx+i)+'" style="position:absolute;top:0px;left:0px;width:'
+sfs[i]+'px;height:'+sfs[i]+'px;background-color:#ffffff;font-size:'+sfs[i]+'px"><\/div>');

currStep[i] = 0;
fall[i] = (sfs[i] == 1)?
Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
step[i] = (sfs[i] == 1)?
0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
}


if (domWw) r = window;
else{ 
  if (d.documentElement && 
  typeof d.documentElement.clientWidth == "number" && 
  d.documentElement.clientWidth != 0)
  r = d.documentElement;
 else{ 
  if (d.body && 
  typeof d.body.clientWidth == "number")
  r = d.body;
 }
}


function winsize(){
var oh,sy,ow,sx,rh,rw;
if (domWw){
  if (d.documentElement && d.defaultView && 
  typeof d.defaultView.scrollMaxY == "number"){
  oh = d.documentElement.offsetHeight;
  sy = d.defaultView.scrollMaxY;
  ow = d.documentElement.offsetWidth;
  sx = d.defaultView.scrollMaxX;
  rh = oh-sy;
  rw = ow-sx;
 }
 else{
  rh = r.innerHeight;
  rw = r.innerWidth;
 }
h = rh - 2;  
w = rw - 2; 
}
else{
h = r.clientHeight - 2; 
w = r.clientWidth - 2; 
}
}


function scrl(yx){
var y,x;
if (domSy){
 y = r.pageYOffset;
 x = r.pageXOffset;
 }
else{
 y = r.scrollTop;
 x = r.scrollLeft;
 }
return (yx == 0)?y:x;
}


function snow(){
var dy,dx;

for (i = 0; i < num; i++){
 dy = fall[i];
 dx = fall[i] * Math.cos(currStep[i]);

 y[i]+=dy;
 x[i]+=dx; 

 if (x[i] >= w || y[i] >= h){
  y[i] = -10;
  x[i] = Math.round(Math.random() * w);
  fall[i] = (sfs[i] == 1)?
  Math.round(2 + Math.random() * 2): Math.round(3 + Math.random() * 2);
  step[i] = (sfs[i] == 1)?
  0.05 + Math.random() * 0.1 : 0.05 + Math.random() * 0.05 ;
 }
 
 theFlakes[i].top = y[i] + scrl(0) + pix;
 theFlakes[i].left = x[i] + scrl(1) + pix;

 currStep[i]+=step[i];
}
setTimeout(snow,timer);
}


function init(){
winsize();
for (i = 0; i < num; i++){
 theFlakes[i] = document.getElementById("flake"+(idx+i)).style;
 y[i] = Math.round(Math.random()*h);
 x[i] = Math.round(Math.random()*w);
}
snow();
}


if (window.addEventListener){
 window.addEventListener("resize",winsize,false);
 window.addEventListener("load",init,false);
}  
else if (window.attachEvent){
 window.attachEvent("onresize",winsize);
 window.attachEvent("onload",init);
} 

})();
}//End.
</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Commentaire (0)
ï¿½crire

par Avant-premiï¿½re

Annuler rï¿½ponse

ï¿½crivez votre commentaire

Commentaires du client sera publiï¿½ avant previwed
Donnez votre email rï¿½el pour obtenir des rï¿½ponses notification ou commentaire sera supprimï¿½

Votre nom *
Votre e-mail^g *
~~Votre site~~

Comment's Titre

J'assure ï¿½ 100% je suis humain rï¿½el
Je le rï¿½pï¿½te, je ne suis pas bot

Sent (0)
Nouveau

BBCode
HTML
URL
JID

iPhoneKer.com
Save up to 630$ when buy new iPhone 15

GateIO.gomymobi.com
Free Airdrops to Claim, Share Up to $150,000 per Project

https://tooly.win
Open tool hub for free to use by any one for every one with hundreds of tools

chatGPTaz.com, chatGPT4.win, chatGPT2.fun, re-chatGPT.com
Talk to ChatGPT by your mother language

Dall-E-OpenAI.com
Generate creative images automatically with AI

AIVideo-App.com
Render creative video automatically with AI

Cool Domains for Sale!

javascriptbank.com javascripton.com gomy.mobi gomymobi.com XMQV.com CoinHolo.com YeuNu.com ABP3.com CTRCoin.com system.money CreditCard.rip war.money choose.works index.services ChainTutor.com pornID.net CryptoKD.com this.bid ChatTotal.com Card.rip choose.exchange eChainBank.com ApexBTC.com ZWVQ.com

Dï¿½poser jours:
Auteur:
Previews:
Commentaire:
Votes:
Sent:
Taille:
Rang:

30/01/2007
Kurt Grigg [more]
5,989
0
8
0
4.92 KBytes

JavaScript Effet de neige sans images - Langue: Franï¿½aise

3.3/5 8 votes / 5,989 previews / 0 commentaire 30/01/2007 Snow effets restent trÃ¨s populaire sur le web Ã des fins dÃ©coratives. Kurt's Snow script utilise les balises DIV de c...JavaScript Effet de neige sans images - Effet de neige sans images - Langue: Franï¿½aise

hieppro142 VioDes7[5] backlong7690 tuideptraiwa lockex87[2] tranhoangtuan08 coldblood starheartbeam i_am_ny itdonline