zoukankan      html  css  js  c++  java
  • 雪花

    /* 雪花 */
    <script type="text/javascript">
    (function($){
    $.fn.snow = function(options){
    var $flake = $('<div id="snowbox" />').css({'position': 'absolute','z-index':'9999', 'top': '-50px'}).html('&#10052;'),
    documentHeight = $(document).height(),
    documentWidth = $(document).width(),
    defaults = {
    minSize : 5,
    maxSize : 25,
    newOn : 500,
    flakeColor : getRandomColor() /* 此处可以定义雪花颜色,若要白色可以改为#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 - 200,
    endPositionLeft = startPositionLeft - 500 + Math.random() * 500,
    durationFall = documentHeight * 10 + Math.random() * 5000;
    $flake.clone().appendTo('body').css({
    left: startPositionLeft,
    opacity: startOpacity,
    'font-size': sizeFlake,
    color: getRandomColor()
    }).animate({
    top: endPositionTop,
    left: endPositionLeft,
    opacity: 0.2
    },durationFall,'linear',function(){
    $(this).remove()
    });
    }, options.newOn);
    };
    })(jQuery);
    $(function(){
    $.fn.snow({
    minSize: 5, /* 定义雪花最小尺寸 */
    maxSize: 50,/* 定义雪花最大尺寸 */
    newOn: 6000 /* 定义密集程度,数字越小越密集 */
    });
    });
    var getRandomColor = function(){
    return '#'+Math.floor(Math.random()*16777215).toString(16);
    }
    </script>

  • 相关阅读:
    Oracle的数据伪列(ROWNUM)
    数据库的多表查询(详细案例分析)
    计算1至n的k次方的和
    位数对调(代码重构)
    java实现汉诺塔算法
    线程与进程详解
    java中properties的使用实例
    java中同步(synchronized)详解
    文件的拷贝操作
    文件的读取操作
  • 原文地址:https://www.cnblogs.com/Lamboofhome/p/11488757.html
Copyright © 2011-2022 走看看