登录  |  注册
当前位置：网站首页 > 更多 > 站长帮 > 正文

[趣味代码] 网页雪花飘落代码

作者：CC下载站 日期：2018-10-10 06:33:26 浏览：2062 分类：站长帮

放在网站首页文件即可

<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		:10,
		maxSize		:20,
		newOn		:1000,
		flakeColor	:"#AFDAEF"/* 此处可以定义雪花颜色,若要白色可以改为#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: 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/* 定义密集程度,数字越小越密集 */
});
});
</script>


猜你还喜欢

您需要 登录账户 后才能发表评论

取消回复欢迎 你 发表评论:

精品推荐！
欢迎 访客 登录没有账号？
  • 最新文章
  • 热门文章
  • 热评文章
最新评论
热门tag
友情链接

关灯