前些天总看到一些网站下起了雪,然后联盟也发现下雪了!SAE也下了!
之后零零落落的在一些网站上看到了一些代码,但是总是没有多么仔细的看
今天元旦嘛,去张戈那逛了逛,发现他哪里也有分享!
感觉他那里的也不错,就分享下吧!还有一会去一网站挖一下雪特效,改天一并也发了!
那个特效也不错可以鼠标控制雪花方向!
看代码之前,先分享一下即时预览的方法:很简单,在webkit浏览器(比如谷歌)按下F12,然后在console里面粘贴一下JS代码(不含前后的script标签),然后回车执行即可看到效果了。/ }, 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: options.flakeColor }).animate({ top: endPositionTop, left: endPositionLeft, opacity: 0.2 },durationFall,'linear',function(){ $(this).remove() }); }, options.newOn); };})(jQuery);$(function(){ $.fn.snow({ minSize: 5, / 定义雪花最小尺寸 / maxSize: 50,/ 定义雪花最大尺寸 / newOn: 300 / 定义密集程度,数字越小越密集 / });});
二、下雪特效代码②
使用方法:
方法①、复制其中一种JS代码,粘贴到网站