吴晓波的个人网站

吴晓波的个人网站

为Zblog、WordPress等网站添加雪花飘落效果

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

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

第二步: 将snow文件夹的snow.js配置到博客主题(Zblog系统在/zb_users/theme/主题名称/template/ 文件夹下)的header.php文件的</head>之前(也可以放到footer.php,看你喜欢,一般都是放在footer.php比较方便,因为你的底部备案等信息都是在这个文件里面,以后修改方便)。具体如下:

<script type="text/javascript" src="http://www.5xiaobo.com/snow/snow.js"></script>

第三步:将snow.js文件和“第二步”的www.5xiaobo.com修改成自己的域名。(这一步设置飘下来雪花的图片地址)

如下图所示:

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

温馨提示:

1、js文件中可以自行调整雪花大小,也可自行更换雪花样式。(自行修改snow.js文件)

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

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

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

点击下载

2017-02-08 1 /
分类:各类教程
/

评论回复 · 倒序排列

  1. 回复 子比主题

    zibil主题已经成为主流,

回到顶部