Hi!请登陆

纯代码为WordPress添加雪花飘落效果

2021-1-10 63 1/10

现在冬天下雪已经是很常见的事情了,为了应景,我们可以为我们的网站增加雪花飘落的效果,这个应该还是很不错的。实现的方法还是比较简单的,只需要简单的三步就可以了,现将方法分享一下。

纯代码为WordPress添加雪花飘落效果

第一步:下载本文提供的雪花飘落效果的素材和JS文件压缩包,解压后将整个snow文件夹上传到我们网站的根目录中。

第二步: 将snow文件夹的snow.js配置到博客主题的header.php文件的</head>之前(也可以放到footer.php,看你喜欢)。具体如下:

  1. <script type="text/javascript" src="http://www.yoursite.com /snow/snow.js"></script><!--圣诞飘雪花-->

第三步:将snow.js文件和“第二步”的www.yoursite.com修改成自己的域名。

至此,我们已经成功实现为网站添加雪花飘落的效果,至于具体的效果,大家可以到雅兮网看看。

效果直通车

温馨提示:

1、js文件中可以自行调整雪花大小,也可自行更换雪花样式。

2、snow文件夹也可以上传到我们的主题文件夹中,这个时候记得要将第二步、第三步中的地址改为准确的地址即可。

3、这个方法不单单是适用于WordPress,也适用于zblog和其他程序的站点。

雪花飘落效果的素材和JS文件包下载:

 下载地址

相关推荐