西安站长丨生活、网络、资源、影音、分享平台

给网站加一个浮动小人—wordpress博客宠物

 

最近有不少朋友问浮动小人是怎么弄的,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 "n"; ?>
</script>
<script type="text/javascript" src="http://www.029jz.cn/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(http://www.029jz.cn/wp-content/themes/Mossight/images/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.029jz.cn/spig.js"></script>    
.mumu{width:130px;height:170px;cursor: move;background:url(http://www.029jz.cn/wp-content/themes/Mossight/images/spig.png) no-repeat;}
附件下载:点我下载


未经允许不得转载:西安极昼生活-www.029jz.cn极昼生活 » 给网站加一个浮动小人—wordpress博客宠物
分享到: 更多 (0)

评论 1

评论前必须登录!

 

  1. #1

    来看看~~~

    u142777503918996865年前 (2015-03-31)

极昼生活,西安站长倾力打造网络、资源、影音、技术分享平台

QQ联系点击加群