---
title: "给网站加一个浮动小人—wordpress博客宠物"
id: "606"
type: "post"
slug: "%e7%bb%99%e7%bd%91%e7%ab%99%e5%8a%a0%e4%b8%80%e4%b8%aa%e6%b5%ae%e5%8a%a8%e5%b0%8f%e4%ba%ba-wordpress%e5%8d%9a%e5%ae%a2%e5%ae%a0%e7%89%a9%ef%bc%88%e4%b8%8d%e7%9f%a5%e9%81%93%e6%98%af%e4%b8%8d"
published_at: "2016-08-28T16:52:19+00:00"
modified_at: "2017-01-28T14:34:06+00:00"
url: "https://seq.ink/all/606.html"
markdown_url: "https://seq.ink/all/606.html.md"
excerpt: "作者：DIYgod 链接：https://www.anotherhome.net/785 来源：Anotherhome 最近有不少朋友问浮动小人是怎么弄的，so… 首先说明作者是木木，不是我啦~ 下载下面的脚本和素材文件，下载解压后放在网站相应目录下 这个脚本需要jQuery库，必须先加载jQuery库（有可能是原来已经加载了，这样就不用设置），您可能需要修改spig.js里面的一些东西，比如里面的一些域名网址提示等 然后把下面代码加到footer.php底部文件body里 <!--.浮动小人--> <script type=\"text/javascript\"> <?php if(is_home()) echo 'var isindex=true;var title=\"\";';else echo 'var isindex=false;var title=\"', get_the_title(),'\";'; ?> <?php if((($display_name = wp_get_current_user()->display_name) != null)) echo 'var visitor=\"',$display_name,'\";'; else if(isset($_COOKIE['comment_author_'.COOKIEHASH])) echo 'var visitor=\"',$_COOKIE['comment_author_'.COOKIEHASH],'\";';else echo 'var visitor=\"游客\";';echo..."
taxonomy_category:
  - "ALL"
  - "Coding代码堆"
---

作者：DIYgod  
 链接：https://www.anotherhome.net/785  
 来源：[Anotherhome](https://www.anotherhome.net/785)

最近有不少朋友问浮动小人是怎么弄的，so…

首先说明作者是[木木](https://dao-gu.com/web/blog-spig-jqurey.html)
，不是我啦~

下载下面的脚本和素材文件，下载解压后放在网站相应目录下

这个脚本需要jQuery库，必须先加载jQuery库（有可能是原来已经加载了，这样就不用设置），您可能需要修改spig.js里面的一些东西，比如里面的一些域名网址提示等

然后把下面代码加到footer.php底部文件body里

```
<!--.浮动小人-->    
<script type="text/javascript">
<?php if(is_home()) echo 'var isindex=true;var title="";';else echo 'var isindex=false;var title="',  get_the_title(),'";'; ?>
<?php if((($display_name = wp_get_current_user()->display_name) != null)) echo 'var visitor="',$display_name,'";'; else if(isset($_COOKIE['comment_author_'.COOKIEHASH])) echo 'var visitor="',$_COOKIE['comment_author_'.COOKIEHASH],'";';else echo 'var visitor="游客";';echo "\n"; ?>
</script>
<script type="text/javascript" src="https://seq.ink/wp-content/themes/Clearision-master/js/spig.js"></script>
<style>
.spig {display:block;width:130px;height:170px;position:absolute;bottom: 300px;left:160px;z-index:9999;}
#message{color :#191919;border: 1px solid #c4c4c4;background:#ddd;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;min-height:1em;padding:5px;top:-45px;position:absolute;text-align:center;width:auto !important;z-index:10000;-moz-box-shadow:0 0 15px #eeeeee;-webkit-box-shadow:0 0 15px #eeeeee;border-color:#eeeeee;box-shadow:0 0 15px #eeeeee;outline:none;}
.mumu{width:130px;height:170px;cursor: move;background:url(https://i2.buimg.com/5694/6ad67957b145d5e3.png) no-repeat;}
</style>
<div id="spig" class="spig">
    <div id="message">加载中……</div>
    <div id="mumu" class="mumu"></div>
</div>
<!--.end浮动小人-->
```

其中这两行代码换成你的路径

```
<script type="text/javascript" src="https://seq.ink/wp-content/themes/Clearision-master/js/spig.js"></script>
```

```
.mumu{width:130px;height:170px;cursor: move;background:url(https://i2.buimg.com/5694/6ad67957b145d5e3.png) no-repeat;}
```

### 1 条评论

1. 所以就是这个？

评论已关闭。