最近在看《四月是你的谎言》，还没有看完，挺好看的！看来我要掉日漫的坑了！然后，里面出现了很多樱花的画面，很美是么，所以我需要这个！

效果就是本站的效果啦！

四月是你的谎言.jpg

CSS文件

<link type="text/css" rel="stylesheet" media="screen" href="https://www.ihewro.com/texiao/yinghua/jquery-sakura.css" />

加载js文件

注意：因为我测试了一下下哈，在手机上用这个特效滑动有点不顺畅，不知道是不是我的手机不行==，所以我做了判断，屏幕小的话是不会加载这个js的。
<script>
if (screen && screen.width > 480) {
  document.write('<script src="https://www.ihewro.com/texiao/yinghua/jquery-sakura.js"><\/script><script type="text/javascript">$(function(){$("body").sakura()});$(window).load(function(){$("body").sakura()});<\/script>');
}
</script>

发现在手机UC浏览器还是能加载特效，于是改成了下面这种

<script>
if( /Android|webOS|iPhone|iPod|iPad|BlackBerry/i.test(navigator.userAgent))
{}
else
{  document.write('<script src="https://www.ihewro.com/texiao/yinghua/jquery-sakura.js"><\/script><script type="text/javascript">$(function(){$("body").sakura()});$(window).load(function(){$("body").sakura()});<\/script>');}
</script>

参考文章

樱花飘落特效 js 代码
手机端不加载js文件，PC端要加载js文件，怎么做的？

最后修改：2019 年 03 月 23 日
© 允许规范转载
喜欢我的文章吗？
别忘了点赞或赞赏，让我知道创作的路上有你陪伴。