zoukankan      html  css  js  c++  java
  • <转>页面下雪的代码

    被我改成下自己的名字了,颜色大小也改了,,大家用的话自己改过来吧.. 雪花的编码是:&#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>
    

      

  • 相关阅读:
    树四:遍历二叉树
    树三:创建二叉树
    树二:二叉树定义及性质
    树一:定义及存储
    排序七:归并排序
    排序六:快速排序
    排序五:希尔排序
    排序四:冒泡排序
    深入分析Linux内核链表
    179. Largest Number
  • 原文地址:https://www.cnblogs.com/Akishimo/p/2841629.html
Copyright © 2011-2022 走看看