为网页背景添加一个跟随鼠标变幻的动态线条

  • 2017年10月15日
  • 170
  • A+
所属分类:前端技术
摘要

想让网页效果更炫,更酷,背景的动态效果是必然不可少的,现在介绍一款基于canvas绘制的网页背景特效给大家。

想让网页效果更炫,更酷,背景的动态效果是必然不可少的,现在介绍一款基于canvas绘制的网页背景特效给大家。

首先需要下载canvas JS文件,因为该效果是基于canvas制作的,下载如下文件:

然后将该文件放到你的主题目录中的JS文件夹内;

 

/wp-content/themes/你的主题/js/canvas-nest.min.js

 

然后修改你的主题内的footer.php文件,一般在

 

<?php wp_footer(); ?>

上面增加

 

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

然后你就会看到如下的动态背景效果。

为网页背景添加一个跟随鼠标变幻的动态线条

 

 

  • 我的微信
  • 这是我的微信扫一扫
  • weinxin
  • 我的微信公众号
  • 我的微信公众号扫一扫
  • weinxin
修行就是修正自己错误的观念

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: