login  Naam:   Wachtwoord: 
Registreer je!
 Scripts:
Scripts > JS > Achtergrond effecten > Sneeuw

Sneeuw

Auteur: timo - 09 december 2005 - 17:52 - Gekeurd door: nemesiskoen - Hits: 18532 - Aantal punten: 5.00 (1 stem)



Heb dit script laatst ergens gevonden, ff vertaalt voor jullie;) zie maar of je het wil gebruike, d8: is wel leuk in de decembermaand voor de sites van iedereen... gebruik hem zelf ook...

Code:
php code - Bekijk de code zonder highlighting - Klap code in 
  1. <script>
  2. // Zet de hoeveelheid sneeuwvlokken (meer dan 30 - 40 niet aanbevolen).
  3. var snowmax=30
  4.  
  5. // Zet de kleuren van de sneeuw, zoveel als je wilt!
  6. var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD","#FFFFFF")
  7.  
  8. // Zet de fonts die de vlokken creeren, zoveel als je wilt!
  9. var snowtype=new Array("Arial Black","Arial Narrow","Times","Comic Sans MS")
  10.  
  11. // Zet de letter die je sneeuwvlokken maakt (aanbevolen:*).
  12. var snowletter="*"
  13.  
  14. // Zet de snelheid van het vallen (aanbevolen een waarde van 0.3 to 2).
  15. var sinkspeed=2
  16.  
  17. // Zet de maximale grootte van je sneeuwvlokken.
  18. var snowmaxsize=30
  19.  
  20. // Zet de minimale grootte van je sneeuwvlokken.
  21. var snowminsize=10
  22.  
  23. // Stel ze sneeuwzone in
  24. // Zet 1 voor overal-sneeuw, zet 2 voor linkerkant-sneeuw
  25. // Zet 3 voor center-sneem, zet 4 voor rechterkant-sneeuw
  26. var snowingzone=1
  27.  
  28. ///////////////////////////////////////////////////////////////////////////
  29. // Einde Configuratie!
  30. ///////////////////////////////////////////////////////////////////////////
  31.  
  32.  
  33. // Niet editen onder deze lijn!
  34. var snow=new Array()
  35. var marginbottom
  36. var marginright
  37. var timer
  38. var i_snow=0
  39. var x_mv=new Array();
  40. var crds=new Array();
  41. var lftrght=new Array();
  42. var browserinfos=navigator.userAgent
  43. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  44. var ns6=document.getElementById&&!document.all
  45. var opera=browserinfos.match(/Opera/)
  46. var browserok=ie5||ns6||opera
  47.  
  48. function randommaker(range) {
  49.    rand=Math.floor(range*Math.random())
  50.     return rand
  51. }
  52.  
  53. function initsnow() {
  54.    if (ie5 || opera) {
  55.       marginbottom = document.body.clientHeight
  56.       marginright = document.body.clientWidth
  57.    }
  58.    else if (ns6) {
  59.       marginbottom = window.innerHeight
  60.       marginright = window.innerWidth
  61.    }
  62.    var snowsizerange=snowmaxsize-snowminsize
  63.    for (i=0;i<=snowmax;i++) {
  64.       crds[i] = 0;
  65.        lftrght[i] = Math.random()*15;
  66.        x_mv[i] = 0.03 + Math.random()/10;
  67.       snow[i]=document.getElementById("s"+i)
  68.       snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  69.       snow[i].size=randommaker(snowsizerange)+snowminsize
  70.       snow[i].style.fontSize=snow[i].size
  71.       snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  72.       snow[i].sink=sinkspeed*snow[i].size/5
  73.       if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  74.       if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  75.       if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  76.       if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  77.       snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  78.       snow[i].style.left=snow[i].posx
  79.       snow[i].style.top=snow[i].posy
  80.    }
  81.    movesnow()
  82. }
  83.  
  84. function movesnow() {
  85.    for (i=0;i<=snowmax;i++) {
  86.       crds[i] += x_mv[i];
  87.       snow[i].posy+=snow[i].sink
  88.       snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i]);
  89.       snow[i].style.top=snow[i].posy
  90.  
  91.       if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  92.          if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  93.          if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  94.          if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  95.          if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  96.          snow[i].posy=0
  97.       }
  98.    }
  99.    var timer=setTimeout("movesnow()",50)
  100. }
  101.  
  102. for (i=0;i<=snowmax;i++) {
  103.    document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  104. }
  105. if (browserok) {
  106.    window.onload=initsnow
  107. }
  108. </script>
Download code! Download code (.txt)

 Bekijk een voorbeeld van dit script!
 Stemmen
Niet ingelogd.

 Reacties
Post een reactie
Lees de reacties (18)
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.028s