如题,就是网站里那个满世界乱跑的萌货→_→
作者是木木,不过貌似作者已经废弃这个域名了。
效果图:
下面是方法:
所需文件在文章最后会给出。
这个脚本需要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内的内容也是需要自己改一些的,不然现实的内容有一些会是别人站的信息。
效果是比较好,但是一直跟着用户走时间长了就反感。