下雪特效

平安夜快乐啊，米娜桑，趁着这个冬至，平安夜，圣诞节和元旦都接踵而来的时期，把这个特效也搞来了。

References:
https://ihuan.me/2172.html 幻杀博客

现在才发现，周末什么的也很奢侈了，唉，怀念过去啊。
稍微改了下代码，修改后如下：

var $flake = $('<div id="snowbox" />')
            .css({'position': 'absolute','z-index':'9999'})//, 'top': '-50px'
            .html('<img src="/usr/themes/default/img/snowflake.png" width="10" height="10">'),
    documentHeight  = $(document).height(),
    documentWidth = $(document).width();

$(function(){
    setInterval(function(){
        var startPositionLeft = (Math.random() * documentWidth) - 150, //雪花起始下落位置
            startOpacity = 0.5 + Math.random() * 0.5, //雪花出现时的透明度
            sizeFlake = 5 + Math.random() * 20,
            endPositionTop = documentHeight - 150, //消失位置为距离页面底部100px
            endPositionLeft = startPositionLeft + Math.random() * 150,
            durationFall = documentHeight * 10 + Math.random() * 4000; //动画持续时间

        $flake.clone().appendTo('body').css({
            left: startPositionLeft,
            top: 0,
            opacity: startOpacity,
            width: sizeFlake,
            height: sizeFlake
            //'font-size': sizeFlake
        }).animate({
            top: endPositionTop,
            left: endPositionLeft,
            opacity: 0 //最终的透明度
        }, durationFall, 'linear', function(){
            $(this).remove(); //动画完成时回调
        });
    }, 100);
});

特效效果见本文。
啊~，Merry Christmas~~！