源码地址
https://github.com/jingegebuguai/cherry_blossoms(求star)
开发原因
开发工具
效果演示
为了更加显眼,背景换成了黑色,gif图有些卡顿,实际效果比较流畅
效果详见github
使用方法
<div class="cherry"> <img id="yinghua" src="../image/yinghua.png" alt="" > </div>
$(function(){ $('.cherry').cherry_blossoms({ is_cherry:true,//是否生成樱花 image_min:10,//花瓣最小宽度和高度 image_max:50,//花瓣最大宽度和高度 time_min:10000,//花瓣最快下坠时间 time_max:20000,//花瓣最慢下坠时间 interval:500//花瓣生成时间间隔 }) })
js插件
以上所述是小编给大家介绍的jquery实现web页面樱花坠落的特效,希望对大家有所帮助
如对本文有疑问, 点击进行留言回复!!
使用纯前端JavaScript实现Excel导入导出方法过程详解
微信小程序完美解决scroll-view高度自适应问题的方法
bootstrap-closable-tab可实现关闭的tab标签页插件
网友评论