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>
    

      

  • 相关阅读:
    java抽象类和接口
    java的三大特征:封装,继承和多态
    java的数组
    django 4.get接口开发
    django 3.post接口开发
    C# 程序启动最小化至任务栏及闪烁
    续Html5
    使用intellij idea搭建MAVEN+SSM(Spring+SpringMVC+MyBatis)框架
    Spring MVC拦截器
    Html5高级
  • 原文地址:https://www.cnblogs.com/Akishimo/p/2841629.html
Copyright © 2011-2022 走看看