<转>页面下雪的代码

被我改成下自己的名字了,颜色大小也改了,,大家用的话自己改过来吧.. 雪花的编码是:&#10052;

<script>
    (function($) {
        $.fn.snow = function(options) {
            var $flake = $('<div id="flake" />').css({
                'position': 'absolute',
                'top': '-50px'
            }).html('Akishimo'),
            documentHeight = $(document).height(),
            documentWidth = $(document).width(),
            defaults = {
                minSize: 5,
                maxSize: 15,
                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() * 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: 15,
        newOn: 1000,
        flakeColor: '#15AAD5'
    });
</script>

  

posted @ 2013-01-01 19:08  Akishimo  阅读(268)  评论(0编辑  收藏  举报