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

效果就是本站的效果啦!

四月是你的谎言.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 日
喜欢我的文章吗?
别忘了点赞或赞赏,让我知道创作的路上有你陪伴。