눈이 내리다

2433 단어 효과
눈 js 효과 호출:
$(function(){
    $.fn.snow({
        minSize: 5,     // 
        maxSize: 50,    // 
        newOn: 300  //   
    });
});

클래스:
(function($){
    $.fn.snow = function(options){
     
            var $flake          = $('<div id="snowbox" />').css({'position': 'absolute', 'top': '-50px'}).html('❄'),
                documentHeight  = $(document).height(),
                documentWidth   = $(document).width(),
                defaults        = {
                                    minSize     : 10,       // 
                                    maxSize     : 20,       // 
                                    newOn       : 1000,     // 
                                    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() * 500,
                    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);

좋은 웹페이지 즐겨찾기