Snowing Effect

This original plugin is from jquery-snowfall-plugin. You can get further information from that site. Since the original plugin did NOT work for iWebsites we modified some parts of the original source code. In addition, we enhanced some features and fixed compatibility issues of cross-platforms. (The original plugin has some lacks in supporting IE.) You can make it snowing inside the HTML snippet (iFrame) or entire page.

Preview

waiting snow...

Build your own

Choose several options.
Click "Apply these settings", select the entire codes. Then, press Command + C (Mac) or Control + C (Windows) to copy.
Paste the source code into HTML snippet in iWeb. (Non-iWeb users can also copy & paste each code in the <head> and <body> to each tag.)

* Optional settings

auto snowing snowing area winter mode

font family

snowing text pausing text min snow size max snow size

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B6W2C3whvuZdQnBLSzZkTXlLbXM/snowfall.jquery.js"></script>
<style type="text/css">
.snowing_effect_container {
	/*font_family*/font-family:Lucida Sans Unicode,Lucida Grande,sans-serif;
	font-size:11px;
	color: gray;
	line-height:16px;
	white-space:nowrap;
	margin:0;
	padding:0;
	display: none;
	min-width:100px;
}

span.snowing-button {display:block;width:16px;height:16px;padding: 0 0 0 20px;margin:0;background:url('https://googledrive.com/host/0B6W2C3whvuZdSWdabXZ5MnZ1REE/playpause.gif') no-repeat;cursor: pointer;}
span.snowing-play {background-position:0 -16px;}
span.snowing-pause {background-position:0 0;}
</style>

<script type="text/javascript">
/*var_snowing_start*/var snowing_start=true;
/*var_runInside*/var runInside=true;
/*var_wintermode*/var wintermode=false;

$(document).ready(function(){var b=new Date();var a=b.getMonth()+1;if(wintermode){if(a==12||a==1||a==2){$(".snowing_effect_container").show()}}else{$(".snowing_effect_container").show()}$(".snowing_effect_container .snowing-button").click(function(){if($(this).hasClass("snowing-pause")){$(runInside?document:window.top.document).snowfall("clear");$(this).removeClass("snowing-pause").addClass("snowing-play").html(/*var_snowing_stop_text*/"waiting snow...")}else{$(runInside?document:window.top.document).snowfall({runInside:runInside,shadow:true,round:true,/*var_minSize*/minSize:5,/*var_maxSize*/maxSize:8});$(this).removeClass("snowing-play").addClass("snowing-pause").html(/*var_snowing_play_text*/"snowing...")}});if(snowing_start&&$(".snowing_effect_container").is(":visible")){$(".snowing_effect_container .snowing-button").click()}});
</script>
</head>
<body style="background: transparent; margin: 0pt;">
<!--SNOWING EFFECT BEGIN--><div class="snowing_effect_container"><span class="snowing-button snowing-play">waiting snow...</span></div><!--SNOWING EFFECT END-->
</body>
</html>

* Copy and paste this code above into HTML snippet (iWeb) or snippet (for other tools, follow "Installation Guide"), and see if it works on your web browser.