给wordpress博客养个小宠物
今天来到我博客的人一定看到了这个小孩子,飘来飘去很可爱的说~一部分朋友问我这个效果是怎么实现的,其实你们用你们的脚指头想想也应该知道这肯定不是我写的效果。好东西如果不拿来分享会让我感觉压力很大,索性整理了一下,放出这个小孩子的效果实现方法。
这是在乱了感觉的博客看到了这个效果,原文地址在这里,下面的内容来自乱了感觉。
这是是博主木木(不是林木木)的作品,我只是拿来用用,原文地址是《博客页面浮动交互小人宠物发布》。
捣鼓那里提供下载的脚本spig.js里面有一些小错误,我把它修正了,另外也修改了很多代码(纯属蛋疼,修改成自己习惯的模式),这里把我修改后的js脚本源码发出来,下载地址: Google Code
请先下载捣鼓那里的博客宠物附件后用我提供的js替换里面的spig.js,这个东西需要jQuery库,必须先加载jQuery库。
您可能需要修改spig.js里面的一些东西,比如里面的一些域名网址等
写给新手的使用方法,高手灰过
首先,加载jQuery库,如果你已经加载过直接无视!在你的</body>前添加代码:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
对于WordPress用户,在上面的代码下面添加如下代码,非WordPress版的我不清楚:
<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,'";'; elseif(isset($_COOKIE['comment_author_'.COOKIEHASH])) echo 'var visitor="',$_COOKIE['comment_author_'.COOKIEHASH],'";';elseecho 'var visitor="游客";';echo "\n"; ?>
</script>
然后在上面代码下面添加代码即可:
<script type="text/javascript" src="你的spig.js的路径"></script>
关于怎么自定义显示的消息,用jQuery选择器加上showMessage('信息')即可
sailor本人:因为不同的主题不同,所以你照着这个全盘copy上去以后不一定成功,或许jq里面还会有bug,我遇到的是visitor变量没有定义之类的bug,改一下变量名即可,CSS样式在index文件里面,应该能找的到,拷贝出来复制到你博客主题目录下的style.css里面即可。
至于本人的也是请人帮忙才搞出来这个小孩的(这话有点歧义啊)。所以剩下的就靠大家自己摸索了,你也可以养个萝莉啊,蓝精灵之类的东西,本来我也想用蓝精灵的,但是感觉这个小东西眼神蛮犀利,算是给我这清新的小博客加点佐料,当然这小家伙随我,很好色(在你评论的时候就知道了)。
废话说到这里,自己折腾吧//PS:至于我的主题,作者的链接就在下面啦,不要再跟我要主题啦~