wordpress浮动小人

如题，就是网站里那个满世界乱跑的萌货→_→
作者是木木，不过貌似作者已经废弃这个域名了。
效果图：

下面是方法：

所需文件在文章最后会给出。

这个脚本需要jQuery库，必须先加载jQuery库，在下面的代码最前面加载就行。我的不知哪儿已经加载过了，所以就不需要重复加载了。

把下面代码加到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://www.gndrive.org/pet/spig.js"></script>
<style>
.spig 
{
display:block;
width:200px;
height:300px;
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:200px;
height:300px;
cursor: move;
background:url(https://www.gndrive.org/pet/spig.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://www.gndrive.org/pet/spig.js"></script>

background:url(https://www.gndrive.org/pet/spig.png) no-repeat;

PS：spig.js内的内容也是需要自己改一些的，不然现实的内容有一些会是别人站的信息。

原文链接：wordpress浮动小人，转载请注明来源！