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

原创 捌栢科  2021-09-07 13:16  阅读 225 次
【阿里云】新老特惠,云服务器0元试用,首购低至0.9元/月起!

以本站首页背景为例,这是一个基于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://8ik.cn/archives/155
关注我们:请关注一下我们的微信公众号:扫描二维码捌佰科的公众号,公众号:Hey_MrBoss
版权声明:本文为原创文章,版权归 捌栢科 所有,欢迎分享本文,转载请保留出处!
资源下载说明:本网站所有资源部分来源于互联网收集整理,部分为本站原创,网络收集整理的资源均经本站测试过可用,请放心下载,如存在BUG和瑕疵的,请自行修改,您下载的资源包含模版主题、插件等因为特殊性为可复制品,如付费下载的,均不支持任何理由的退款,还请谅解。
【腾讯云】买云服务器,参与礼品兑换、抽奖,最高送价值8000元IPad,还有Bose耳机、千元京东卡等您来!

发表评论


表情