Advertisement
onediewreckshun

Customizable Snow Code | http://kimsjongin.tumblr.com

Dec 2nd, 2012
11,873
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.91 KB | None | 0 0
  1. <script type="text/javascript">
  2. // tutorial by http://kimsjongin.tumblr.com!
  3. // change #ffffff, etc to whatever hex colors you want. you can delete/add as many as you want from colorpicker.com keep the quotes!//
  4. var snowcolor=new Array("#ffffff", "#ffffff")
  5. var snowmax=30
  6. var snowtype=new Array("Times")
  7. var snowletter="❄" //this is where you can change the character/letter used in the snow. you can find a bunch at fsymbols.com and again, keep the quotes//
  8. var sinkspeed=0.8 //how quickly it falls; goes from 0 to 1 in decimals//
  9. var snowmaxsize=20 //the largest font size the snow can be//
  10. var snowminsize=8 //the smallest font size the snow can be//
  11. var snowingzone=1
  12.  
  13. // don't edit anything under here because it won't work then! //
  14. var snow=new Array()
  15. var marginbottom
  16. var marginright
  17. var timer
  18. var i_snow=0
  19. var x_mv=new Array();
  20. var crds=new Array();
  21. var lftrght=new Array();
  22. var browserinfos=navigator.userAgent
  23. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  24. var ns6=document.getElementById&&!document.all
  25. var opera=browserinfos.match(/Opera/)
  26. var browserok=ie5||ns6||opera
  27.  
  28. function randommaker(range) {
  29. rand=Math.floor(range*Math.random())
  30. return rand
  31. }
  32.  
  33. function initsnow() {
  34. if (ie5 || opera) {
  35. marginbottom = document.body.scrollHeight
  36. marginright = document.body.clientWidth-15
  37. }
  38. else if (ns6) {
  39. marginbottom = document.body.scrollHeight
  40. marginright = window.innerWidth-15
  41. }
  42. var snowsizerange=snowmaxsize-snowminsize
  43. for (i=0;i<=snowmax;i++) {
  44. crds[i] = 0;
  45. lftrght[i] = Math.random()*15;
  46. x_mv[i] = 0.03 + Math.random()/10;
  47. snow[i]=document.getElementById("s"+i)
  48. snow[i].style.fontFamily=snowtype[randommaker(snowtype.length)]
  49. snow[i].size=randommaker(snowsizerange)+snowminsize
  50. snow[i].style.fontSize=snow[i].size+'px';
  51. snow[i].style.color=snowcolor[randommaker(snowcolor.length)]
  52. snow[i].style.zIndex=1000
  53. snow[i].sink=sinkspeed*snow[i].size/5
  54. if (snowingzone==1) {snow[i].posx=randommaker(marginright-snow[i].size)}
  55. if (snowingzone==2) {snow[i].posx=randommaker(marginright/2-snow[i].size)}
  56. if (snowingzone==3) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/4}
  57. if (snowingzone==4) {snow[i].posx=randommaker(marginright/2-snow[i].size)+marginright/2}
  58. snow[i].posy=randommaker(2*marginbottom-marginbottom-2*snow[i].size)
  59. snow[i].style.left=snow[i].posx+'px';
  60. snow[i].style.top=snow[i].posy+'px';
  61. }
  62. movesnow()
  63. }
  64.  
  65. function movesnow() {
  66. for (i=0;i<=snowmax;i++) {
  67. crds[i] += x_mv[i];
  68. snow[i].posy+=snow[i].sink
  69. snow[i].style.left=snow[i].posx+lftrght[i]*Math.sin(crds[i])+'px';
  70. snow[i].style.top=snow[i].posy+'px';
  71.  
  72. if (snow[i].posy>=marginbottom-2*snow[i].size || parseInt(snow[i].style.left)>(marginright-3*lftrght[i])){
  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=0
  78. }
  79. }
  80. var timer=setTimeout("movesnow()",50)
  81. }
  82.  
  83. for (i=0;i<=snowmax;i++) {
  84. document.write("<span id='s"+i+"' style='position:absolute;top:-"+snowmaxsize+"'>"+snowletter+"</span>")
  85. }
  86. if (browserok) {
  87. window.onload=initsnow
  88. }
  89.  
  90. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement