雪花飘落代码
程序员文章站
2022-04-09 19:03:33
(function($) { $.fn.snow = function(options) { var $flake = $('').css({ 'position': 'absolute', 'top': '-50px' }).html('❄'), documentHeight = $... ......
(function($) { $.fn.snow = function(options) { var $flake = $('<div id="flake" />').css({ 'position': 'absolute', 'top': '-50px' }).html('❄'), documentheight = $(document).height(), documentwidth = $(document).width(), defaults = { minsize: 10, maxsize: 20, newon: 2000, flakecolor: "red" }, 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: 50, newon: 2000, flakecolor: 'red' });
上一篇: 给孩子解释他是怎么来的
下一篇: JS闭包作用域解析
推荐阅读
-
tensorflow2 keras AlexNet cifar10训练代码
-
eAccelerator 配备(PHP代码加速器)
-
unittest+coverage单元测试代码覆盖操作实例详解
-
第四章vs2107 代码实际运用-后台权限管理讲解 创建角色
-
js下函数般调用正则的方法附代码
-
PHP Smarty生成EXCEL文档的代码
-
flex通过java后台获取ip和pcname示例代码
-
WordPress中的shortcode短代码功能使用详解,wordpressshortcode
-
K-means聚类算法介绍与利用python实现的代码示例
-
CSS3+JavaScript实现炫酷呼吸效果的示例代码