欢迎光临! 如果您对网站有任何建议或意见请移步至页面“关于本站”留言或i联系:猎户项圈。(背景音乐开关在首页最下方)

wordpress浮动小人

Pink酱和Dolly 猎户项圈 48771℃ 已收录 1评论

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

下面是方法:

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

这个脚本需要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="http://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(http://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="http://www.gndrive.org/pet/spig.js"></script>

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

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

本站文章如未注明,均为原创丨本网站采用BY-NC-SA协议进行授权,转载请注明转自:http://www.gndrive.org/2014/08/10/wordpress%e6%b5%ae%e5%8a%a8%e5%b0%8f%e4%ba%ba/
喜欢 (1)or分享 (0)
发表我的评论
取消评论

表情 代码 贴图 加粗 链接 私信 删除线 签到

Hi,请填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(1)条精彩评论。
  1. 效果是比较好,但是一直跟着用户走时间长了就反感。
    老董博客2014-09-17 09:13 回复| Firefox 32.0| Windows 8.1 x64
加载中……