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

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

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

首先声明下,这个功能制作者为木木,然后我现在使用的小人图则是由Anotherhome扣的。

因为不让动小人图像,我只好使用了他css链里

浮动小人

浮动小人

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

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

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

jQuery库加载方法:

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


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

    



加载中……

将代码中 http://ihuan.me/spig.js和http://ihuan.me/wp-content/themes/ckoo/images/spig.png换成你自己的路径,当然你直接使用也用不了的!因为我压根没存在这里的路径,我直接弄到七牛去了!

演示嘛,本站就是最好的演示! 当然还有更多功能等待挖掘例如评论的时候使用自带评论框你会发现意外惊喜的!

浮动小人部分素材下载地址
文件信息:浮动小人 js
更新时间:2014-12-27 14:20:00

 

标签:
上一篇: 下一篇:

62 条评论

评论加载中...
  1. 26楼
    来自天朝的朋友 谷歌浏览器 Windows 7
    黑色网魂  

    代码呢,代码没有了

    2017年1月8日 12:23 评论
    • 小幻  

      过段时间我检查下

      2017年1月18日 02:54 评论
  2. 我不喜欢将自己的博客弄得太花哨!

    2016年9月18日 14:32 评论
  3. 24楼
    来自天朝的朋友 谷歌浏览器 Windows 10
    nicest  

    代码呢?看不见啊

    2016年7月18日 09:03 评论
  4. 23楼
    来自天朝的朋友 谷歌浏览器 Windows XP
    Jim  

    代码没了

    2016年7月16日 10:03 评论
  5. 22楼
    来自天朝的朋友 QQ浏览器 Windows 10
    TY  

    代码 呢??

    2016年7月13日 10:25 评论
    • 小幻  

      应该是以前用的插件问题,审查元素可以再看到

      2016年7月24日 13:53 评论
  6. 21楼
    来自天朝的朋友 谷歌浏览器 Windows 7
    尔康  

    谢谢分享~

    2016年7月10日 11:30 评论

发表评论

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

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