当前位置:首页 > WordPress代码·功能 > 正文

给你的网站加一个浮动小人

最近总是有问“你网站的小人怎么弄得?” 然后我回到js……人后就了无音讯……

首先声明下,这个功能制作者为木木

浮动小人

浮动小人

的图片没有转载哦,不算违规吧!反正我没转载这张图!

下载下面的脚本和素材文件,下载解压后放在网站相应目录下,当然你可以修改下css

这个脚本需要jQuery库,必须先加载jQuery库(有可能是原来已经加载了,这样就不用设置),您可能需要修改spig.js里面的一些东西,比如里面的一些域名网址提示等

jQuery库加载方法:

这里用的百度提供的源,你也可以使用其他的

<script type="text/javascript" src="http://libs.baidu.com/jquery/1.8.3/jquery.js"></script>
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.8.3/jquery.min.js"></script>

然后把下面代码加到footer.php底部文件中

<!--.浮动小人-->    
<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="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(小人图片地址) no-repeat;}
</style>
<div id="spig" class="spig">
<div id="message">加载中……</div>
<div id="mumu" class="mumu"></div>
</div>
<!--.end浮动小人-->
浮动小人部分素材下载地址
文件信息:浮动小人 js
更新时间:2014-12-27 14:20:00

 

标签:
上一篇: 下一篇:

71 条评论

评论加载中...
  1. 10楼
    来自天朝的朋友 谷歌浏览器 Windows 7
    热词网  

    改天试试

    2015年6月26日 21:45 评论
  2. 9楼
    来自天朝的朋友 谷歌浏览器 Windows 8.1
    LREE  

    首页一直加载中,其他页面正常 怎么回事啊 :bobo_buyaoa:

    2015年6月23日 13:43 评论
  3. 8楼
    来自天朝的朋友 谷歌浏览器 Windows XP
    方块网络  

    亲,坑了按照你说的放到了头部文件里,结果一闪人物飞出屏幕之外了。。。。。

    2015年6月10日 13:45 评论
    • 幻殺あ殤璃  

      这不怪我,至少可以用了,还有就是,你不会修改css吗?你图片太“胖”了。so修改一下css位置就好了!!真心不怪我咯 :bobo_buyaoa:

      2015年6月10日 18:43 评论
      • 加载完成后这玩意出现在滚动条之下。。。。怎么改。。。

        2015年6月10日 20:27 评论
        • 幻殺あ殤璃  

          top参数

          2015年6月11日 14:37 评论
  4. 7楼
    来自天朝的朋友 谷歌浏览器 Windows XP
    fangker  

    大大,我那个图不会动,也无法拖动。。。。

    2015年6月9日 19:36 评论
    • 幻殺あ殤璃  

      秒懂,你用的云落的,他那个设置内不可以放php语句,他还猥琐的吧footer加密了…你别放在footer了,放在header里,注意不是在他那个主题设置内加,而是在主题文件内!

      2015年6月10日 12:42 评论
      • 问了几个大神…..叽歪了半天。。CSS首页顶部对齐也用了。。仍然下拉才能看到。

        2015年6月10日 21:11 评论
        • 幻殺あ殤璃  

          什么狗屁大神,伪大神吧……明明和什么顶部对其没关系……我也是醉了,没看到left righ topt吗?真的醉了,图片大小,位置,等等等等都是可以设置…………………………

          2015年6月11日 12:13 评论
          • 么么哒,,,,,,云落和yusi…两个渣渣….骗纸!!!!

            2015年6月12日 08:55 评论
            • 幻殺あ殤璃  

              我也是醉了…

              2015年6月12日 11:08 评论
            • 幻殺あ殤璃  

              等我考完试,我给你弄弄吧…

              2015年6月12日 11:09 评论
              • :bobo_gongxi: 那就多谢了亲~~~

                2015年6月12日 11:40 评论
      • 大大,您考试结束了了么?

        2015年6月14日 10:52 评论
        • 幻殺あ殤璃  

          结束咯~~

          2015年6月14日 13:03 评论
          • 给我改,浮动小人啊,大大~

            2015年6月15日 15:49 评论
            • 幻殺あ殤璃  

              有什么可以直接联系的方式~

              2015年6月15日 15:57 评论
              • QQ1711126123谢谢大大~~呼呼~~~

                2015年6月15日 18:46 评论
      • 我好像没看到代码  

        我也是这样子,跪求支持 ,qq 916431815

        2016年5月19日 22:57 评论
        • 小幻  

          2016年6月11日 19:13 评论
  5. 6楼
    来自天朝的朋友 谷歌浏览器 Windows XP
    fangker  

    第一次来贵站,这丫。。。这丫。。。这丫网站特效用的我服务器各种卡。。。

    2015年6月9日 18:22 评论
    • 幻殺あ殤璃  

      正常哈

      2015年6月9日 19:19 评论
  6. 5楼
    来自天朝的朋友 未知浏览器 Unknow Os
    叶YeJiecheng  

    博客www.ykcs.890m.com欢迎回访

    2015年4月15日 20:09 评论
  7. 4楼
    来自天朝的朋友 未知浏览器 Unknow Os
    一昕精选  

    2015年1月19日 08:51 评论
  8. 地板
    来自天朝的朋友 未知浏览器 Unknow Os
    我要钱来赚  

    站长现在的中国风小人挺好看的,能否分享一下,或者请教一下怎么找类似的图片

    2015年1月16日 12:05 评论
  9. 板凳
    来自天朝的朋友 未知浏览器 Unknow Os
    DIYgod  

    你这地洗的。。

    2015年1月2日 23:51 评论
  10. 怎么一直是隐身的。。。。

    2014年12月31日 22:03 评论

发表评论

不理你。不要啊!吃饭。吃惊。吃西瓜。飞吻!恭喜!Hi纠结!膜拜!OK抛媚眼。泡泡糖。抛钱。忍!生闷气!调皮。偷看。委屈。献花。疑问?抓狂!

小提示:Ctrl+Enter快速提交助您一臂之力~
加载中……