博客的浮动小人

寻找素材

首先在p站找一张可爱的女孩子,最好是全身、呆萌系的,比如我找了这张pid56056419

使用在线ps软件将背景图片去掉,另存为png格式图片,像这样——

拿到这张图片的链接,比如我直接使用了本文中图片链接https://mhy12345.xyz/wp-content/uploads/2020/04/56056419_p0-2.png.

引入javascript

添加spig.js文件到博客后端,如[WP_ROOT/wp-includes/js/spig.js],对于这种情况,我们可以使用静态链接https://mhy12345.xyz/wp-includes/js/spig.js,访问改文件,文件中定义了一些角色动作以及交互逻辑。具体js代码可以参考文末附件。

将jquery和spig.js引入网页,对于wordpress来说,是在<主题编辑器/footer.php>中插入

保存刷新就可以看到浮动的小人啦~

开发者
https://ihuan.me/2107.html
https://www.dreamwings.cn/spig/2929.html

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据