WordPress宠物！

发表于 2012年06月26日
WordPress
更新于 2013年01月29日 10:41:12 上午

有不少网友问我关于我博客上的那个飞来飞去的小人怎么制作的问题，这里分享一下：

目录表

使用方法：

1、下载我提供的脚本包spig.Zip(JS一枚，图片一张)，下载后放在主题相应目录下（你懂的）；
2、这个脚本需要jQuery库，必须先加载jQuery库，您可能需要修改spig.js里面的一些东西，比如里面的一些域名网址提示等；

配合修改的地方：

1、在footer.php的前加入如下HTML代码：


加载中……

2、接着在你的style.css里面添加如下css代码：

/* 博客宠物 */
.spig {display:block;width:150px;height:190px;position:absolute;top: -200px;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:-30px;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:150px;height:190px;cursor: move;background:url(images/spig.png) no-repeat;}

注意要把下载得到的spig.png放在主题的images文件夹里，当然了，修改路径也是可以的。

3、然后，加载jQuery库，如果你已经加载过直接无视！在你的</body>前添加代码:

4、对于WordPress用户，在上面的代码下面添加如下代码，非WordPress版的我不清楚:

4、然后在上面代码下面添加代码即可：

OVER！就是这么弄的，大家都可以用了，赶紧上手吧
关于怎么自定义显示的消息，用jQuery选择器加上showMessage('信息')即可