How To Create Snowing On A Web Page

[serg769]

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.

Download