雪花飘落代码

(function($) { $.fn.snow = function(options) { var $flake = $('<div id="flake" />').css({ 'position': 'absolute', 'top': '-50px' }).html('&#10052;'),...
(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' });
  • 发表于 2019-02-26 15:20
  • 阅读 ( 309 )
  • 分类:网络文章

条评论

请先 登录 后评论
不写代码的码农
小编

篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除