Hiệu ứng tuyết rơi trên blogspot

Với thủ thuật nhỏ này sẽ trang trí cho blog của bạn thật đẹp mắt với hiệu ứng tuyết rơi vào mùa đông.

Các bạn chỉ cần copy code này và dán vào chỗ thẻ </body> hoặc bạn có thể thêm 1 wiget HTML/Javascript và dán code này vào là được.

  1. <script type='text/javascript'>
  2. //<![CDATA[
  3. var snowmax=100
  4. var snowcolor=new Array("#f2f8fa","#eff5f7","#dcedf1","#ffffff")
  5. var snowtype=new Array("Times","Arial","Times","Verdana")
  6. var snowletter="*"
  7. var sinkspeed=0.6
  8. var snowmaxsize=30
  9. var snowminsize=10
  10. // Set 1 for all-over-snowing, set 2 for left-side-snowing
  11. // Set 3 for center-snowing, set 4 for right-side-snowing
  12. var snowingzone=1
  13.  
  14. // Do not edit below this line
  15. var snow=new Array()
  16. var marginbottom
  17. var marginright
  18. var timer
  19. var i_snow=0
  20. var x_mv=new Array();
  21. var crds=new Array();
  22. var lftrght=new Array();
  23. var browserinfos=navigator.userAgent
  24. var ie5=document.all&&document.getElementById&&!browserinfos.match(/Opera/)
  25. var ns6=document.getElementById&&!document.all
  26. var opera=browserinfos.match(/Opera/)
  27. var browserok=ie5||ns6||opera
  28.  
  29. function randommaker(range) {
  30. rand=Math.floor(range*Math.random())
  31. return rand
  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. //]]>
  91. </script>

Chúc các bạn vui vẻ với thủ thuật nhỏ này.

Đăng nhận xét

Mới hơn Cũ hơn