How To Create Snowing On A Web Page

Snowing On A Web Page

In this article, we are going to learn on How To Create Snowing On A Web Page. Have you tried this? Have you seen snowing on your web page? This is how to create: In the code below, you can set the amount of snow, for the colors of the snow, the types of the snow, the speed of the snow, the max and min size of the snow, and the direction of the snow.
  1. <script>
  2. // Set the number of snowflakes (more than 30 - 40 not recommended)
  3. var snowmax=30
  4.  
  5. // Set the colors for the snow. Add as many colors as you like
  6. var snowcolor=new Array("#aaaacc","#ddddFF","#ccccDD")
  7.  
  8. // Set the fonts, that create the snowflakes. Add as many fonts as you like
  9. var snowtype=new Array("Cursive","Helvitica","Times","Calibri")
  10.  
  11. // Set the letter that creates your snowflake (recommended:*)
  12. var symbolOfTheSnow="*"
  13.  
  14. // Set the speed of sinking (recommended values range from 0.3 to 2)
  15. var sinkspeed=1
  16.  
  17. // Set the maximal-size of your snowflaxes
  18. var sizeOfTheSnow=50
  19.  
  20. // Set the minimal-size of your snowflaxes
  21. var snowminsize=15
  22.  
  23. // Set the snowing-zone
  24. // Set 1 for all-over-snowing, set 2 for left-side-snowing
  25. // Set 3 for center-snowing, set 4 for right-side-snowing
  26. var snowingzone=3
  27. </script>
For the full source code, kindly click the "Download Code" button below. Thank you very much. Enjoy coding. So what can you say about this work? Share your thoughts in the comment section below or email me at [email protected]. Practice Coding. Thank you very much.

Add new comment