码迷,mamicode.com
首页 > 其他好文 > 详细

雪花飘落代码

时间:2019-02-26 11:46:05      阅读:197      评论:0      收藏:0      [点我收藏+]

标签:rand   ext   css   interval   this   move   abs   amp   nfa   

(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: 2000, flakeColor: "red" },
            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: 2000, flakeColor: red });

 

雪花飘落代码

标签:rand   ext   css   interval   this   move   abs   amp   nfa   

原文地址:https://www.cnblogs.com/lwwen/p/10436224.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!