<script src="jquery.js"></script>
<script src="jquery.snow.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js"></script>
<script src="jquery.snow.js"></script>

<script>
$(document).ready( function(){$.fn.snow();
});
</script>

minSize  /* 雪花的最小尺寸，默认值 10 */
maxSize /* 雪花的最小尺寸，默认值 20 */
newOn /* 每毫秒雪花出现的频率，默认是 500 */
flakeColor /* 雪花的颜色，默认值是白色 #FFFFFF */

$.fn.snow({ minSize: 5, maxSize: 50, newOn: 1000, flakeColor: '#0099FF'
});

(function($){$.fn.snow = function(options){var $flake          = $('<div id="flake" />').css({'position': 'absolute', 'top': '-50px'}).html('❄'),documentHeight  = $(document).height(),documentWidth   = $(document).width(),defaults     = {minSize     : 10,maxSize        : 20,newOn      : 500,flakeColor    : "#FFFFFF"},options          = $.extend({}, defaults, options);var interval     = setInterval( function(){var startPositionLeft    = Math.random() * documentWidth - 100,startOpacity     = 0.5 + Math.random(),sizeFlake           = options.minSize + Math.random() * options.maxSize,endPositionTop        = documentHeight - 40,endPositionLeft      = startPositionLeft - 100 + Math.random() * 200,durationFall      = documentHeight * 10 + Math.random() * 5000;$flake.clone().appendTo('body').css({left: startPositionLeft,opacity: startOpacity,'font-size': sizeFlake,color: options.flakeColor}).animate({top: endPositionTop,left: endPositionLeft,opacity: 0.2},durationFall,'linear',function() {$(this).remove()});}, options.newOn);};
})(jQuery);

<script>
(function($){$.fn.snow=function(options){var $flake=$('<div id="flake" />').css({'position':'absolute','top':'-50px'}).html('& #10052;'),documentHeight=$(document).height(),documentWidth=$(document).width(),defaults={minSize:10,maxSize:20,newOn:500,flakeColor:"#FFFFFF"},options=$.extend({},defaults,options);var interval=setInterval(function(){var startPositionLeft=Math.random()*documentWidth-100,startOpacity=0.5+Math.random(),sizeFlake=options.minSize+Math.random()*options.maxSize,endPositionTop=documentHeight-40,endPositionLeft=startPositionLeft-100+Math.random()*200,durationFall=documentHeight*10+Math.random()*5000;$flake.clone().appendTo('body').css({left:startPositionLeft,opacity:startOpacity,'font-size':sizeFlake,color:options.flakeColor}).animate({top:endPositionTop,left:endPositionLeft,opacity:0.2},durationFall,'linear',function(){$(this).remove()});},options.newOn);};})(jQuery);
$.fn.snow({ minSize: 5, maxSize: 50, newOn: 1000, flakeColor: '#FFF' });
</script>

您可能感兴趣相关文章

• 2012年度最佳 jQuery 插件隆重揭晓
• Web前端开发人员和设计师必读文章
• 10套精美的免费网站后台管理系统模板
• 8个惊艳的 HTML5 和 JavaScript 特效
• 60款很酷的 jQuery 幻灯片演示和下载