WordPress博客浮动小人女孩制作

看到有的wordpress博客里面有一个小人漂浮来漂浮去,一个么么哒的小女孩,我也制作了一个让她让你逗她玩,或者是她逗你玩,你要不要试试。

任何程序的网站都可以添加,不占用内存,就一个js文件搞定,下载解压后放到网站跟目录,里面是一个js文件和一张图片,可以打开js修改小人说的话,可自己做图替换小女孩图片,下载请猛点网站漂浮小人下载

wordpress网站小浮动女孩制作

wordpress网站小浮动女孩制作

传js文件到跟目录了后还需要再网站页面调用,将下面代码复制到模板底部文件里(我是放在了底部文件</body>之前),并且修改下面6和39行代码的文件路径地址,有两个www.qianxixian.cn修改成你自己的域名就做好了。

  1. <!–.浮动小人–>
  2. <script type=“text/javascript”>
  3. <?php if(is_home()) echo ‘var isindex=true;var title=””;’;else echo ‘var isindex=false;var title=”‘, get_the_title(),‘”;’; ?>
  4. <?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”; ?>
  5. </script>
  6. <script type=“text/javascript” src=“http://www.qianxixian.cn/xiaoren/spig.js”></script>
  7. <style>
  8. .spig
  9. {
  10. display:block;
  11. width:200px;
  12. height:300px;
  13. position:absolute;
  14. bottom: 300px;left:160px;zindex:9999;
  15. }
  16. #message
  17. {
  18. color :#191919;border: 1px solid #c4c4c4;background:#ddd;
  19. mozborderradius:5px;
  20. webkitborderradius:5px;
  21. borderradius:5px;
  22. minheight:1em;
  23. padding:5px;
  24. top:-45px;
  25. position:absolute;
  26. textalign:center;
  27. width:auto !important;zindex:10000;
  28. mozboxshadow:0 0 15px #eeeeee;
  29. webkitboxshadow:0 0 15px #eeeeee;
  30. bordercolor:#eeeeee;
  31. boxshadow:0 0 15px #eeeeee;
  32. outline:none;
  33. }
  34. .mumu
  35. {
  36. width:200px;
  37. height:300px;
  38. cursor: move;
  39. background:url(http://www.qianxixian.cn/xiaoren/spig.png) no-repeat;
  40. }
  41. </style>
  42. <div id=“spig” class=“spig”>
  43. <div id=“message”>加载中……</div>
  44. <div id=“mumu” class=“mumu”></div>
  45. </div>
  46. <!–.end浮动小人–>

这个博客网页浮动小人js的效果不会影响搜索引擎对网站的收录,这是一个script标记,就相当于在网站加了一个广告,但是为了用户体验,请自行斟酌使用。有不清楚的欢迎加我微信交流。

杨永的微信二维码

杨永的微信二维码



未经允许不得转载:杨永博客 » WordPress博客浮动小人女孩制作

赞 (3)

评论 17

  • 昵称 (必填)
  • 邮箱(必填)
  • 网址(选填)
  1. minecraftI simply couldn't depart your web site prior to suggesting that I extremely enjoyed the usual info a person supply on your visitors? Is gonna be again ceaselessly to inspect new posts回复
  2. minecraftWow, superb blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your web site is wonderful, let alone the content!回复
  3. minecraftHowdy are using Wordpress for your site platform? I'm new to the blog world but I'm trying to get started and create my own. Do you require any html coding expertise to make your own blog? Any help would be greatly appreciated!回复
  4. minecraftPlease let me know if you're looking for a author for your blog. You have some really great articles and I feel I would be a good asset. If you ever want to take some of the load off, I'd love to write some content for your blog in exchange for a link back to mine. Please blast me an e-mail if interested. Cheers!回复
  5. minecraft free download 2018I appreciate, result in I found exactly what I was taking a look for. You've ended my four day lengthy hunt! God Bless you man. Have a nice day. Bye回复
  6. minecraft free download 2018Today, I went to the beachfront with my children. I found a sea shell and gave it to my 4 year old daughter and said "You can hear the ocean if you put this to your ear." She placed the shell to her ear and screamed. There was a hermit crab inside and it pinched her ear. She never wants to go back! LoL I know this is completely off topic but I had to tell someone!回复
  7. tinder dating siteThis is the right website for anybody who wishes to understand this topic. You know a whole lot its almost tough to argue with you (not that I really will need to…HaHa). You definitely put a brand new spin on a topic that's been discussed for ages. Wonderful stuff, just wonderful!回复
  8. tinder dating siteI just could not go away your web site before suggesting that I extremely loved the usual info a person supply for your visitors? Is going to be back ceaselessly to check out new posts回复
  9. Health Benefits of Coconut OilCurrently it sounds like Movable Type is the preferred blogging platform out there right now. (from what I've read) Is that what you are using on your blog?回复
  10. Coconut OilHey there! I know this is kinda off topic however I'd figured I'd ask. Would you be interested in trading links or maybe guest authoring a blog post or vice-versa? My site addresses a lot of the same subjects as yours and I believe we could greatly benefit from each other. If you happen to be interested feel free to send me an email. I look forward to hearing from you! Fantastic blog by the way!回复
  11. Health Benefits of Coconut OilToday, I went to the beachfront with my children. I found a sea shell and gave it to my 4 year old daughter and said "You can hear the ocean if you put this to your ear." She put the shell to her ear and screamed. There was a hermit crab inside and it pinched her ear. She never wants to go back! LoL I know this is totally off topic but I had to tell someone!回复
  12. Benefits of Coconut OilWhy users still make use of to read news papers when in this technological globe all is presented on web?回复
  13. Benefits of Coconut OilHi, i think that i saw you visited my site so i came to “return the favor”.I am attempting to find things to improve my website!I suppose its ok to use a few of your ideas!!回复
  14. Health Benefits of Coconut OilAhaa, its good dialogue concerning this piece of writing at this place at this website, I have read all that, so at this time me also commenting at this place.回复
  15. http://twitter.com/descargar_hqDescargar facebook Superb blog you have here but I was wanting to know if you knew of any user discussion forums that cover the same topics discussed in this article? I'd really like to be a part of online community where I can get responses from other experienced people that share the same interest. If you have any recommendations, please let me know. Cheers! Descargar facebook回复
  16. descargar facebookI have been browsing online more than 4 hours today, yet I never found any interesting article like yours. It is pretty worth enough for me. Personally, if all website owners and bloggers made good content as you did, the internet will be a lot more useful than ever before.回复
  17. quest bars cheapEverything is very open with a really clear description of the issues. It was really informative. Your website is extremely helpful. Thank you for sharing!回复