网站网页下雪效果，转摘

今天看到博园有个人才写个网站网页下雪效果不错，分享一下，声明转载，也是为了我自己以后可以随时看

想看原载的去下面链接，谢谢合作，博主的会更精彩

引用地址：http://www.cnblogs.com/lhb25/archive/2012/12/25/jquery-snow-falling-effect.html

博主，梦想天空

　　例如可以传递下面这样形式的参数：

minSize  /* 雪花的最小尺寸，默认值 10 */

maxSize /* 雪花的最小尺寸，默认值 20 */

newOn /* 每毫秒雪花出现的频率，默认是 500 */

flakeColor /* 雪花的颜色，默认值是白色 #FFFFFF */

例如可以传递下面这样形式的参数：

$.fn.snow({

    minSize: 5,

    maxSize: 50,

    newOn: 1000,

    flakeColor: '#0099FF'

});

js代码如下：

/**
 * jquery.snow - jQuery Snow Effect Plugin
 *
 * Available under MIT licence
 *
 * @version 1 (21. Jan 2012)
 * @author Ivan Lazarevic
 * @requires jQuery
 * @see http://workshop.rs
 *
 * @params minSize - min size of snowflake, 10 by default
 * @params maxSize - max size of snowflake, 20 by default
 * @params newOn - frequency in ms of appearing of new snowflake, 500 by default
 * @params flakeColor - color of snowflake, #FFFFFF by default
 * @example $.fn.snow({ maxSize: 200, newOn: 1000 });
 */
$(document).ready(function () {
    $.fn.snow();
});
(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);