当前位置:首页 » 免费资源 » 一行JS代码给实现Blog页面下雪效果

一行JS代码给实现Blog页面下雪效果

一行JS代码给实现Blog页面下雪效果,阅读一行JS代码给实现Blog页面下雪效果,正如你在我的博客上看到的,全屏,以为本站背景是纯白,看不到雪花,所以本博客已经修改了雪花的颜色(把代码中的这个颜色修改一下即可flakeColor: "#AFDAEF"),代码如下(本代码需要加载jquery,如果你的博客没有加载,请直接把<script type="text/javascript" src="http://1218.sheli.sinaapp.com/js-sheli/jquery.min.js"></script>放入你的博客<head></head>之间)
<script>(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"},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>
把上面代码直接放入你想要放入的地方,当然也可以直接放入你的js文件中(ps:主要要去掉<script></script>)
End
关键词: js特效 下雪代码
温馨提示:如果您对本文有疑问,请在本页留言即可!!!
觉得很赞 (0)付款方式
X
付款方式:
  • 微信
  • 支付宝
  • QQ红包

使用微信扫一扫
blogger
    发布日期:2014-12-30   所属类别:免费资源   浏览:8388次
    本文地址:https://www.shuyong.net/resource/585.html [ 百度已收录 ]
    声明:本页信息由网友自行发布或来源于网络,真实性、合法性由发布人负责,请仔细甄别!本站只为传递信息,我们不做任何双方证明,也不承担任何法律责任。文章内容若侵犯你的权益,请联系本站删除!

留言/评论:◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

填写好QQ号码,任点空白处自动获取

昵称

邮箱

网址

个人资料

舍力

博主:舍力

Emlog交流群

    用心做好每一件事!!!

博客统计

  • 文章数量:1132篇
  • 文章评论:3510条
  • 总访问量:9379451次
  • 微语数量:81条
  • 在线人数:1人
  • 本站运行:10年7月4天
  • 估计博主很忙,已经很久没更新了!
Q2 虚位以待
Copyright © 2024 舍力博客 版权所有   粤ICP备11021420号
基于宝塔面板,数据存储于阿里云ECS
Powered by emlog / &Author 舍力博客.