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>
    

      

  • 相关阅读:
    uniapp跨域
    uniapp图片文件转base64
    懒加载
    修改富文本样式
    搜集到的常用Scheme
    JS浏览器复制
    程序员必须知道的六大ES6新特性
    详解ES6中的 let 和const
    数据库基础
    配置环境变量
  • 原文地址:https://www.cnblogs.com/Akishimo/p/2841629.html
Copyright © 2011-2022 走看看