jQuery实现web页面樱花坠落的特效

源码地址

https://github.com/jingegebuguai/Cherry_Blossoms（求star）

开发原因

• 上课看到一位女生桌面背景是一课樱花树，顿时产生了一个让樱花可以在web页面飞舞的想法，借此把这个插件献送给那位女同学；
• 开发过焦点图，轮转图，瀑布流等应用插件，但是这类型插件还是第一次做，那个啥兴趣使然对吧；

开发工具

• Jquery+webstorm,无需额外配置任何环境，移动端无法使用

效果演示

为了更加显眼，背景换成了黑色,gif图有些卡顿，实际效果比较流畅

效果详见Github

使用方法

• 在需要加入效果的页面加入html代码,位置最好放在body元素下第一个标签

<div class="cherry">
<img id="yinghua" src="../image/yinghua.png" alt="" >
</div>

• 导入一下js代码其中各变量可根据需要改变

$(function(){
   $('.cherry').Cherry_Blossoms({
     is_Cherry:true,//是否生成樱花
     image_min:10,//花瓣最小宽度和高度
     image_max:50,//花瓣最大宽度和高度
     time_min:10000,//花瓣最快下坠时间
     time_max:20000,//花瓣最慢下坠时间
     interval:500//花瓣生成时间间隔
   })
 })

js插件

• IIFE（立即执行匿名函数）
• $.extend(),扩展插件定义默认参数
• randomNum（）设置[m,n]类型随机数

以上所述是小编给大家介绍的jQuery实现web页面樱花坠落的特效，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

# jquery  # 实现樱花坠落  # 使用jQuery实现图片遮罩半透明坠落遮挡  # 小编  # 随机数  # 放在  # 第一个  # 在此  # 那位  # 这类  # 给大家  # 所述  # 给我留言  # 对吧  # 开发工具  # 感谢大家  # 换成了  # 一课  # 疑问请  # 有任何  # 最慢  # 产生了  # 可根据 

相关文章： 简单实现Android验证码  小米网站链接制作教程,请问miui新增网页链接调用服务有什么用啊？  Swift中swift中的switch 语句  佛山网站制作系统,佛山企业变更地址网上办理步骤？  建站之星如何助力网站排名飙升？揭秘高效技巧  网站制作公司排行榜,四大门户网站排名？  图册素材网站设计制作软件,图册的导出方式有几种？  如何选择长沙网站建站模板？H5响应式与品牌定制哪个更优？  如何在Windows 2008云服务器安全搭建网站？  如何快速查询域名建站关键信息？  安徽网站建设与外贸建站服务专业定制方案  如何获取PHP WAP自助建站系统源码？  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏？  公司门户网站制作流程,华为官网怎么做？  如何高效利用200m空间完成建站？  网站按钮制作软件,如何实现网页中按钮的自动点击？  如何通过建站之星自助学习解决操作问题？  如何用IIS7快速搭建并优化网站站点？  如何在企业微信快速生成手机电脑官网？  如何选择高性价比服务器搭建个人网站？  Python如何创建带属性的XML节点  h5在线制作网站电脑版下载,h5网页制作软件？  一键制作网站软件下载安装,一键自动采集网页文档制作步骤？  如何通过VPS建站实现广告与增值服务盈利？  制作宣传网站的软件,小红书可以宣传网站吗？  建站中国必看指南：CMS建站系统+手机网站搭建核心技巧解析  如何快速上传自定义模板至建站之星？  免费网站制作appp,免费制作app哪个平台好？  常州企业网站制作公司,全国继续教育网怎么登录？  整蛊网站制作软件,手机不停的收到各种网站的验证码短信,是手机病毒还是人为恶搞?有这种手机病毒吗？  免费制作海报的网站,哪位做平面的朋友告诉我用什么软件做海报比较好?ps还是cd还是ai这几个软件我都会些我是做网页的？  无锡营销型网站制作公司,无锡网选车牌流程？  如何用wdcp快速搭建高效网站？  为什么Go需要go mod文件_Go go mod文件作用说明  完全自定义免费建站平台：主题模板在线生成一站式服务  宝塔建站后网页无法访问如何解决？  如何做网站制作流程,*游戏网站怎么搭建？  国美网站制作流程,国美电器蒸汽鍋怎么用官方网站？  表情包在线制作网站免费,表情包怎么弄？  巅云智能建站系统：可视化拖拽+多端适配+免费模板一键生成  建站主机是什么？如何选择适合的建站主机？  网站建设制作需要多少钱费用,自己做一个网站要多少钱，模板一般多少钱？  GML (Geography Markup Language)是什么，它如何用XML来表示地理空间信息？  清单制作人网站有哪些,近日“兴风作浪的姑奶奶”引起很多人的关注这是什么事情？  建站之星安全性能如何？防护体系能否抵御黑客入侵？  七夕网站制作视频,七夕大促活动怎么报名？  如何选择美橙互联多站合一建站方案？  装修招标网站设计制作流程,装修招标流程？  已有域名如何免费搭建网站？  如何在Windows服务器上快速搭建网站？