当前位置:首页 » 落伍者说 » js代码给网站添加添加雪花飘落效果

js代码给网站添加添加雪花飘落效果

原创 易昂阳 2489°c 2019年03月27日 10:38 落伍者说 0条评论
  移步手机端

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
js代码给网站添加添加雪花飘落效果摘要:

<script> (function($){    $.fn.snow = function(options){    var $flake = $(&...

Σ( ° △ °|||)︴这篇文章最后更新于427天前,您需要注意相关的内容是否还可用。
总字数:2903
<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" /* 此处可以定义雪花颜色,若要白色可以改为#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>

欢迎阅读本文,希望本文对您有所帮助!

本文链接:https://xiji.ren/post/89.html

版权声明:本文为原创文章,版权归 易昂阳 所有,欢迎分享本文,转载请保留出处!

一路向西、吉祥如意,好看的网文,网络奇文尽在西吉人(xiji.ren)博客

欢迎收藏本站,每天更新高质量文章!

评论(0) 赞助本站

赞助西吉人(xiji.ren)博客

发表评论:


【顶】 【踩】 【好】 【懵】 【赞】 【表情】

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

推荐阅读

谷歌搜索停止收录Flash网页,2020年底彻底停止Flash服务支持。

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 164次

近期,谷歌浏览器内部再次推送谷歌搜索彻底停止Flash服务支持的信息,计划2020年底前彻底停止对Flash的支持,谷歌搜索也已经开始自动过滤包含 Flash 内容的网页,停止收录带有Flash文件的网页信息,后续通过谷歌搜索将无法搜索到含有Flash网页的相关网站内容。另外,不仅仅是谷歌浏览器,几乎主流浏览器,像苹果浏览器,微软浏览器,火狐浏览器,都已经陆续开始停止对Flash服务支持,网页Flash的时代彻底结束了!随着Google搜索开始停止收录Flash网页,国内使用Flash网页支持的...

1999年的11家互联网公司,现今如何?

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 218次
1999年的11家互联网公司,现今如何?

一、1999年的11家互联网公司有哪些?1999年的互联网公司有,阿里巴巴、中华网、当当、携程、盛大、易趣、天涯社区、ChinaRen、8848、红袖添香、亿唐网。二、11家互联网公司现如今如何?1、阿里巴巴阿里巴巴网络技术有限公司(简称:阿里巴巴)是以曾担任英语教师的马云为首的18人于1999年在浙江杭州创立的公司。业务和关联公司的业务包括:淘宝网、天猫、聚划算、全球速卖通、阿里巴巴国际交易市场、1688、阿里妈妈、阿里云、蚂蚁金服、菜鸟网络等。2019年7月,发布2019《财富》世界500强...

标签 :

我国十大直播平台特点分析

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 229次
我国十大直播平台特点分析

今天分享一下全国直播平台的对比。1、抖音:定位是娱乐直播,日活量3-4亿不允许留微信和联系方式。这类型的平台看似简单,但是想做要也没有这么容易,因为需要主播有很强的创意,对内容质量要求比较高,和粉丝互动率较低。经常由于主播之间市场进行撕逼大战,因此整体名声并不是很好。而抖音对流量控制得很严,无法从抖音建立私域流量。2、快手:瞄准下沉市场的直播,去年年底直播日活用户破亿,以生活类的直播内容为主,包涵游戏、体育、教育、媒体、政务、音乐、汽车各个方面。腾讯是快手的股东之一,所以快手可以通过微信号登录,...

标签 :

什么是百度智能小程序单卡?如何获取智能小程序单卡

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 216次

近日,百度搜索资源平台发布智能小程序用户经营知识学习月第四期《如何获得更多用户关注和转化》,帮助开发者分析流量靠前的小程序都有哪些共性?百度搜索资源平台通过对后台的数据分析统计,我们发现,流量更多、用户更愿意点击的小程序确实都有共性,而且这个共性是人人都可拥有,也能自主进行配置的权益——智能小程序单卡。什么是智能小程序单卡智能小程序单卡是一种搜索特型卡片,具有品牌曝光强势、服务交互便捷等优点,能够帮助开发者获取更多用户关注和转化。在品牌曝光上,用户搜索小程序相关名称时,会有 4 大特型样式展现,...

标签 :

内容为王行之有效,视频、游戏都送钱,网赚成黄金增长法则了?

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 197次

线上办公火爆,引众多产品相继入局,字节系不甘示弱上线独立 App “飞书会议;小红书凭借美食攻略的内容重回大众视野,而这也正说明了产品增长法则中内容依旧为王。2 月下架数量降低,产品质量提升明显七麦数据此次针对 2 月的产品上下架情况进行分析,可以发现,今年 2 月的新上架产品数量与 1 月相比出现了小幅下降的变化,而被下架产品的数量却出现了较大的下降趋势。根据比率计算发现,1 月与 2 月上架与下架产品数量的比率分别为 44.48%、50.81%,可以看出,下架产品数量的降低使得 2 月的产品...

标签 :

85万个网站受影响:浏览器将停止支持TLS 1.0/1.1的HTTPS网站

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 214次
85万个网站受影响:浏览器将停止支持TLS 1.0/1.1的HTTPS网站

火狐、Safari、Chrome 和 Edge 等主流浏览器大厂表示,本月底,将陆续停止访问TLS 1.0/1.1的HTTPS网站。意味着,在2020年3月底,几乎所有的主流浏览器都将陆续禁止访问TLS 1.0/1.1的HTTPS网站 访问使用旧版协议的网站将会显示网页错误,这次改动,预计将有85万个站点受影响。另外,虽然不知道国内的浏览器这次会不会也停止支持TLS 1.0/1.1的HTTPS网站,但是建议各位站长网站还是转向更新版本的协议为好,以免后期网站出现相关问题。...

标签 :

腾讯外链封杀史

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 245次

2010年9月27日腾讯封杀360。2011年1月17日腾讯封杀盛大。2013年11月1日腾讯封杀来往。2013年11月腾讯封杀网易易信。2013年12月腾讯屏蔽淘宝链接。2014年11月21日屏蔽快的打车红包2015年2月3日 腾讯屏蔽支付宝红包。2015年10月微信封杀网易云音乐。2016年7月腾讯封杀易到用车。2018年3月5日腾讯封杀今日头条。2018年3月25日腾讯主导沃尔玛封杀支付宝。2018年3月25日腾讯封杀抖音。2019年1月15日 腾讯分别封杀多闪,马桶 MT,聊天宝三款AP...

标签 :

内容营销的必要性以及如何做好内容营销?

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 208次

斗胆直呼,那些教你营销却不带你落地的都是垃圾!本文且从三个纬度说下如何做好内容营销:一、为什么要做内容营销(Why)营销是认准买家,满足需求,获得回报的过程,而内容营销就是:铺好内容让买家找到你,搭好内容让买家信任你,用好内容让买家掏钱给你的过程。说到创业、赚钱,一定避免不了的一个环节就是获客,内容营销只是获客的一种手段,相对其他来说优势非常明显:1)精准且长期存在的流量来源2)便于营造品牌形象,增加顾客信任感3)长期投入值,复利效应明显4)投产比高,不花无用之钱以上是做内容营销的必要性,接下来...

标签 :

百度的变革之年

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 228次

柳传志曾把企业面对不确定性的转型称作“拐大弯”,即找到方向,提前做动作,慢慢拐。与之相对的是“拐死弯”,相当于在90度的路口突然转向,十有八九会出事。拐大弯的核心是提前准备,不能到了路口才转动方向盘。现在来看,爆发于2020年初的新冠疫情让所有企业都要面对一只突如其来的黑天鹅。企业停工停产、营收剧减,要在毫无准备的情况下“拐弯”,难度可想而知。事实上,即使没有这一场疫情,中国经济也在进行一场深刻的转型。2019年中国GDP增速为6.1%,是自1990年以来的最低增速。去杠杆、去泡沫,还原企业的真...

标签 :

百度劲风算法深度解读

发布 : | 分类 : 落伍者说 | 评论 : 0人 | 浏览 : 247次

相信最近百度出的劲风算法,大家多多少少都有所耳闻。对于做SEO优化的从业者来说,必须时刻关注百度对于SEO优化的规范调整,这样一来也更利于提高网站的排名。下面我们一起来深度解读百度的劲风算法,让大家了解劲风算法的概念、目的和应对策略。1、什么是百度劲风算法?百度劲风算法就是专门针对恶劣聚合页问题的。简单来说,搜索一经识别,将会结合站点及智能小程序的用户评价,限制其在搜索结果中的展现。由此,我们可以理解百度劲风算法的存在是打击恶意构造聚合页制造一些垃圾页面获取网页排名的网站,以便于让用户体验更好一...

标签 :
您好,欢迎到访网站!
  查看权限