(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' });
雪花飘落代码
(function($) {
$.fn.snow = function(options) {
var $flake = $('<div id="flake" />').css({ 'position': 'absolute', 'top': '-50px' }).html('❄'),...
- 发表于 2019-02-26 15:20
- 阅读 ( 309 )
- 分类:网络文章
你可能感兴趣的文章
随机文章
- 基于SpringBoot写的开源图床 2055 浏览
- @SpringBootApplication和@Configuration、@EnableAutoConfiguration、@ComponentScan的联系 1267 浏览
- 在maven中加入tomcat的插件引用 1012 浏览
- 使用mybatis-generator-maven-plugin插件自动生成mybatis代码的配置方法 1342 浏览
- HV000030: No validator could be found for constraint 'javax.validation.constraints.Pattern' validating type 'java.lang.Long' 5488 浏览
相关问题
条评论
请先 登录 后评论
发送私信
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!