How to Add Falling Effects to My Web Page

Written by breann kanobi
  • Share
  • Tweet
  • Share
  • Pin
  • Email
How to Add Falling Effects to My Web Page
Create the image of falling snow on your Web page. (Jupiterimages/Comstock/Getty Images)

Many people enjoy customising their Web page with unique effects and scripts, such as the image of a falling object. Though most downloadable scripts that create falling objects in HTML use snow as the object, you can change the image path to make any object you desire fall. In most cases, small objects that contrast with the colours of your Web page subtly make for the most aesthetically pleasing falling-object effect.

Skill level:


  1. 1

    Download the falling object plug-in from a script website. Alternatively, visit a website that lists the code.

  2. 2

    Click on the "My Computer" or "Finder" window and double-click on the "Downloads" folder. Click on the "Date" button to organise by date of download and right-click on the script you just downloaded. Scroll to "Open With" and select "Text Editor."

  3. 3

    Navigate to your website or blog and access the "Edit Template" or "Edit Webpage" function. On many popular blog sites, this function is under the "Templates" page. Click on the "Edit HTML" button, if necessary.

  4. 4

    Click on the text edit page. Press the "Control" key while pressing the "A" key to select all the text. Right-click and scroll to copy. If you are using a website that lists code, select and copy the code in the box under the word "Snow Script" or "Falling Script."

  5. 5

    Return to your HTML editor. Scroll past the HTML header, which starts with <head> and locate the text that reads <script>. Place your cursor before the "<" of "<script>."

  6. 6

    Press the "Control" key on your keyboard while you tap the "V" key to paste the script.

  7. 7

    Change the snowflakes to other images, if desired. Locate the lines that end "/snow.1.png" and change the end to a png image stored on your folder. The line of code should contain the entire file name of the image in quotes and should end with a comma. Repeat this step for each image you wish to change. If you are using a script that requires you to select an image, change all of the image names to the image you wish to use.

Tips and warnings

  • Websites must use HTML or CSS to be compatible with most falling object scripts.

Don't Miss

  • All types
  • Articles
  • Slideshows
  • Videos
  • Most relevant
  • Most popular
  • Most recent

No articles available

No slideshows available

No videos available

By using the site, you consent to the use of cookies. For more information, please see our Cookie policy.