Loper主题添加有趣网页背景效果,这是一个基于canvas绘制的网页背景效果网页背景效果非常特别又好看,直接会跟随你的鼠标靠近结合,不依赖于任何框架或者库,使用原生js编写代码只有1.68 KB,非常轻量级,拽立网,完全不会影响你的网站加载速度,使用起来非常简单,今天我把Loper主题添加有趣网页背景效果方法分享给大家,请看以下操作!

动态效果图!

Loper主题添加有趣网页背景效果

1.登陆你的后台管理,选择【外观】-【编辑】-【主题页眉 (header.php)】

直接添加下面全部代码:【必须放到<body> ....之间.. </body>】

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

2.然后把这JS代码上传到你主题【scripts】目录里!

我会把代码打包好分享下载:【在最下面】

提示:不一定要放到顶部上,只要放到<body>后面就行了!

提示:添加后的代码保存就行了,然后刷新自己网站试试效果如果和我一样代表成功!

» 原创文章:《Loper主题添加有趣网页背景效果》 » 本文地址:《http://www.zlinet.com/10468.html
©版权声明:《拽立网》 » 转载请务必注明出处,喜欢本文或觉得本文对您有帮助,请分享给您的朋友 ^_^