Emlog教程

Emlog网站实现下雪特效,云体验下雪的赶脚

 10个月前 (12-18)    239  
文章目录

圣诞节了,码农的浪漫,能用代码,就尽量用代码解决。

这里使用到 snowStorm.js 一个插件 直接简单粗暴上手实现下雪的功能!

首先引入我们的js文件放到 footer.php

<script src="snowstorm.js"></script>

引入后,这样一个下雪的雪花特效就出来了

有一些自定义的细节,可以看个人需求,进行定制,只需要把以下示范代码插入到 footer.php 底部的 body 标签之前即可。

<script>
snowStorm.snowColor ='#99ccff'; //蓝色的雪! 
snowStorm.snowCharacter = '•'; //修改雪的形状 
snowStorm.usePositionFixed = false;//true = 关闭跟随鼠标 false = 开启跟随鼠标 
snowStorm.flakesMaxActive = 96; //一次在萤幕上显示更多积雪 
snowStorm.useTwinkleEffect = true; //让雪花闪烁进出视野 
snowStorm.vMaxX = 8; // X轴移动最大移动速度,越大越快 
snowStorm.vMaxY = 5; // Y轴移动最大移动速度,越大越快 
</script>

1、引入配置后效果即可生效,无需其他操作

2、启动后,请清下浏览器缓存、以及你的 CDN缓存,否则可能无法正常显示效果。

3、雪花特效默认不在手机上启用(移动端的性能消耗可能比较大),如果想开启,请在设置中启动。

 

版权声明:Mengx 发布于 10个月前 (12-18),共 1918 字。
转载请注明:Emlog网站实现下雪特效,云体验下雪的赶脚

暂无评论

8个月前 (03-06)
微语功能页面做好啦! 详情