Hoover Web Design, Affordable Professional Web DesignHoover Web TemplatesContact UsReturn to HomeView PayPal Shopping CartView Credit Card Shopping Cart
small business web design
Professional Web Design
  Website Design Services
  Prices and Packages
  Web Templates Mouse Icon
  Rate Card Adobe PDF Document
  Web Design FAQ
  Free Website Design Quote
  Client Testimonials
  Client Login
  Customer Support
Web Portfolios
  Web Design Portfolio
  Graphics Design Portfolio
  Flash Design Portfolio
Web Design Extras
  Hoover Web Hosting
  Domain Registration
  Ecommerce - Sell Online
  Web Site Promotion
Web Site Builders
  Website Builder Reviews
  Flash Web Site Builder
  Online Web Site Builder
About Us
  Learn About Us
  Make a Payment
  Newsletter
  Sign Our Guestbook
  Memberships
  Our Website Awards
  Awards Program
  Partner Links [2] [3] [4]
  Link to Us
  Advertise
Shop for your Web Site
  Web Templates Mouse Icon
  Flash Photo Gallery Mouse Icon
  Flash Music Players Mouse Icon
  Website Calendar Mouse Icon
  Stock Photography Mouse Icon
  Scripts and Programs Mouse Icon
  Blog Templates
  Budget Web Hosting
  Quick Shopping Cart
  Website Submission
  Web Design Bookstore
  Flash Intros
  Web Design E-Books
  Web Sites for Sale
  Domain Names for Sale
  Software for Sale
  Web Templates for Sale
For Web Site Designers
  Free Webmaster Tools
  Web Designers Directory
  Web Resources Directory
  DIY Web Design Mouse Icon
  Webmaster Freebies
  Free Web Templates Mouse Icon
  Free Web Graphics Mouse Icon
  Free Fonts Archive
  Free Buttons Maker Mouse Icon
  Free Banners Maker Mouse Icon
  Free Sound Wavs
  Free JavaScripts
  Free Web Design Articles
  Archived Article Directory
  Join An Affiliate Program
  Web Design Business Kit
  Web Design Encyclopedia
  Spam-Free FFA Links
  Webmaster Awards
  Template Top Sites
  Webmaster Wearables
Small Business
  Small Business Services
  Logo Design
  Banner Design
  Work from Home Articles
  Free Business Forms
Free Printables
  Free Party Invitations
  Wedding Invitation Templates
  Greeting Card Templates
  Free Calendar Templates
  Printable Certificates
  Free Resume Templates
  More Printables
       
 
Creative and Professional Web Site Design for Small Businesses and Individuals
professional web templates

Adding Falling Snow to Your Web Page

Get a flash photo gallery with falling snow effect

Adding the Snow Effect to your page.

First you need a snowflake or any image that you would like to appear falling on your page. Next , add the following javascript code to the body of your page. Please to do not hotlink to our snow.gif. If you need a snowflake make your own at lookandfeel.com. You can view some pretty cool snow flakes there. (Gina made one that resembled the cartoon character, Angelica on Rugrats.) Try it out and see what you can do.

View our flash photo gallery with falling snow and a mp3 player.

<script language="JavaScript1.2">

/*
Snow Effect Script
Created and submitted by Altan d.o.o. (snow@altan.hr, http://www.altan.hr/snow/index.html)
Permission granted to Dynamicdrive.com to feature script in archive
For full source code and installation instructions to this script, visit http://dynamicdrive.com
*/

//Configure below to change URL path to the snow image
var snowsrc="snow.gif"
// Configure below to change number of snow to render
var no = 10;

var ns4up = (document.layers) ? 1 : 0; // browser sniffer
var ie4up = (document.all) ? 1 : 0;

var dx, xp, yp; // coordinate and position variables
var am, stx, sty; // amplitude and step variables
var i, doc_width = 800, doc_height = 600;

if (ns4up) {
doc_width = self.innerWidth;
doc_height = self.innerHeight;
} else if (ie4up) {
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}

dx = new Array();
xp = new Array();
yp = new Array();
am = new Array();
stx = new Array();
sty = new Array();

for (i = 0; i < no; ++ i) {
dx[i] = 0; // set coordinate variables
xp[i] = Math.random()*(doc_width-50); // set position variables
yp[i] = Math.random()*doc_height;
am[i] = Math.random()*20; // set amplitude variables
stx[i] = 0.02 + Math.random()/10; // set step variables
sty[i] = 0.7 + Math.random(); // set step variables
if (ns4up) { // set layers
if (i == 0) {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><a href=\"http://dynamicdrive.com/\"><img src='"+snowsrc+"' border=\"0\"></a></layer>");
} else {
document.write("<layer name=\"dot"+ i +"\" left=\"15\" top=\"15\" visibility=\"show\"><img src='"+snowsrc+"' border=\"0\"></layer>");
}
} else if (ie4up) {
if (i == 0) {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><a href=\"http://dynamicdrive.com\"><img src='"+snowsrc+"' border=\"0\"></a></div>");
} else {
document.write("<div id=\"dot"+ i +"\" style=\"POSITION: absolute; Z-INDEX: "+ i +"; VISIBILITY: visible; TOP: 15px; LEFT: 15px;\"><img src='"+snowsrc+"' border=\"0\"></div>");
}
}
}

function snowNS() { // Netscape main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = self.innerWidth;
doc_height = self.innerHeight;
}
dx[i] += stx[i];
document.layers["dot"+i].top = yp[i];
document.layers["dot"+i].left = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowNS()", 10);
}

function snowIE() { // IE main animation function
for (i = 0; i < no; ++ i) { // iterate for every dot
yp[i] += sty[i];
if (yp[i] > doc_height-50) {
xp[i] = Math.random()*(doc_width-am[i]-30);
yp[i] = 0;
stx[i] = 0.02 + Math.random()/10;
sty[i] = 0.7 + Math.random();
doc_width = document.body.clientWidth;
doc_height = document.body.clientHeight;
}
dx[i] += stx[i];
document.all["dot"+i].style.pixelTop = yp[i];
document.all["dot"+i].style.pixelLeft = xp[i] + am[i]*Math.sin(dx[i]);
}
setTimeout("snowIE()", 10);
}

if (ns4up) {
snowNS();
} else if (ie4up) {
snowIE();
}

</script>

Change snow.gif to the name of your snow flake graphic.

View more free JavaScripts

 

small business web site design

© 2000-2008 Hoover Web Design. All Rights Reserved.
No part of this website may be downloaded, copied or reproduced without the written permission of Hoover Web Design.