不借助插件wordpress自定义鼠标跟随特效方法

原创 反重力源  2021-09-07 13:16  阅读 138 次
阿里云免费代金券,购买阿里云产品前先领券更优惠!

以本站首页背景为例,这是一个基于canvas绘制的网页背景效果。

特点:

1.不依赖任何框架或者内库,如不依赖 jQuery;

2.使用原生的 javascript,只有1.6 kb,如果开启 gzip,可以更小;

3.使用外链非常容易实现,配置简单,即使你不是web开发者,也能简单搞定。

效果如下:

代码实现:

方法一:以js形式调用

首先将下载的canvas-nest.min.js文件,放到网站主题/js目录中

找到并打开主题页脚模板文件footer.php

在:

<?php wp_footer(); ?>

上面添加

<script type="text/javascript" src="<?php bloginfo('template_directory');?>/js/canvas-nest.min.js"></script>

提取码:vntk

注意:贴入代码注意符号中英文状态

方法二:直接用于主题页脚模板文件footer.php

以下代码直接放置于

</body></html>

上方;

方法三:使用canvas-nest 插件

进入后台插件-搜索canvas-nest 插件,安装启用即可实现.

本文地址:https://fzlyblog.cn/155/
版权声明:本文为原创文章,版权归 反重力源 所有,欢迎分享本文,转载请保留出处!
【腾讯云】买云服务器,参与礼品兑换、抽奖,最高送价值8000元IPad,还有Bose耳机、千元京东卡等您来!

发表评论


表情