博客标题下面的ajax加载一句话

作者:Matrix 被围观: 1,102 次 发布时间:2015-01-12 分类:wordpress建站 兼容并蓄 | 29 条评论 »

NOTICE:这是一个创建于 698 天前的主题,其中的信息可能已经有所发展或是发生改变。

博客LOGO下面的一句话功能是照搬philna2主题弄的,点击一下就更新一句话的内容,是很久前的弄的小功能,现在回忆一下简单步骤。给需要的一位童鞋。

1.在WordPress主题的functions.php中添加代码

  1. function HHTJimSay(){
  2.     $Sentence =
  3.     '
  4.     11111
  5.     22222
  6.     33333
  7.     44444
  8.     ';
  9.     $words = explode("\n"$Sentence);
  10.     $word = $words[ mt_rand(1, count($words) - 2) ];
  11.     echo $word;
  12. }
  13. function _exitajax(){
  14. exit();
  15. }
  16. function Is_ajaxURL() {
  17.     if((isset($_GET['do']) && $_GET['do'] == 'ajax') ) {
  18.         return true;
  19.     }else{
  20.         return false;
  21.     }
  22. }
  23. /**
  24.  * 通过USER_Agent判断是否为机器人.
  25.  */
  26. function is_bot(){
  27.     $bots = array('Google Bot1' => 'googlebot', 'Google Bot2' => 'google', 'MSN' => 'msnbot', 'Alex' => 'ia_archiver', 'Lycos' => 'lycos', 'Ask Jeeves' => 'jeeves', 'Altavista' => 'scooter', 'AllTheWeb' => 'fast-webcrawler', 'Inktomi' => 'slurp@inktomi', 'Turnitin.com' => 'turnitinbot', 'Technorati' => 'technorati', 'Yahoo' => 'yahoo', 'Findexa' => 'findexa', 'NextLinks' => 'findlinks', 'Gais' => 'gaisbo', 'WiseNut' => 'zyborg', 'WhoisSource' => 'surveybot', 'Bloglines' => 'bloglines', 'BlogSearch' => 'blogsearch', 'PubSub' => 'pubsub', 'Syndic8' => 'syndic8', 'RadioUserland' => 'userland', 'Gigabot' => 'gigabot', 'Become.com' => 'become.com','Bot'=>'bot','Spider'=>'spider','yinheli_for_test'=>'dFirefox');
  28.     $useragent = $_SERVER['HTTP_USER_AGENT'];
  29.     foreach ($bots as $name => $lookfor) {
  30.         if (stristr($useragent$lookfor) !== false) {
  31.             return true;
  32.             break;
  33.         }
  34.     }
  35. }
  36. if(Is_AjaxURL() && !is_bot()){//存在_GET且不是机器
  37. add_action('Ready','HHTJimSay');
  38. add_action('Ready', '_exitAjax', 9999);
  39. }
  40. do_action( 'Ready');

说明:
用于ajax后台提取一句话函数
4-7行处自己添加需要显示的一句话

2.在header.php中,加载完jq之后的位置添加js代码

  1. var blogURL="http://www.hhtjim.com";//网站域名  
  2. $(function(){  
  3.     function o(v){  
  4.         url=v.u?v.u:blogURL+"?do=ajax";  
  5.         if(v.fn){  
  6.             var nowTime = new Date().getTime();  
  7.             url+="&action="+v.fn+"&t="+nowTime  
  8.         }  
  9.         type=v.m?v.m:"GET";  
  10.         data=v.d?v.d:null;  
  11.         dataType=v.dt?v.dt:"html";  
  12.         beforeSend=v.b?v.b:null;  
  13.         error=v.e?v.e:function(){  
  14.             alert(lang.commonError);  
  15.             document.body.style.cursor="auto"  
  16.         };  
  17.         success=v.s?v.s:function(w){  
  18.             alert(w)  
  19.         };  
  20.         $.ajax({  
  21.             url:url,type:type,data:data,dataType:dataType,beforeSend:beforeSend,error:error,success:success  
  22.         })  
  23.     }  
  24.   
  25.     function u(){  
  26.         var v=false;  
  27.         var x=document.getElementById('HHTJimSay') ? $("#HHTJimSay") : $("#HHTJimSay_s") ;  
  28.         var w="loading";  
  29.         x.click(function(){  
  30.             if(v){  
  31.                 return false  
  32.             }  
  33.             var z=function(){  
  34.                 x.hide(0,function(){  
  35.                     x.attr('title','').html("").addClass(w).show();//0秒后出现漏斗  
  36.                   
  37.                 });  
  38.                 v=true  
  39.             };  
  40.             var y=function(){  
  41.                 x.html(lang.commonError);  
  42.                 x.removeClass(w);  
  43.                 v=false  
  44.             };  
  45.             var A=function(B){  
  46.                 setTimeout(function(){  
  47.                     x.hide(0);  
  48.                     x.attr('title','点击这里获取更新').html(B).removeClass(w).fadeIn("slow"); //show(300)改fadeIn("slow") 淡入  
  49.                     v=false  
  50.                 }  
  51.                 ,3000)//3000 漏斗出现时间  
  52.             };  
  53.             o({  
  54.                 b:z,e:y,s:A,fn:"HHTJimSay"  
  55.             });  
  56.             return false  
  57.         })  
  58.     }  
  59.     u();  
  60.     function n(){  
  61.         var w=$("#welcome_msg");  
  62.         var v=$("#profile");  
  63.         var m=$("#author");  
  64.         $("#edit_profile").toggle(function(){  
  65.             w.slideUp(200);  
  66.             v.slideDown(200);  
  67.             m.select();  
  68.             return false  
  69.         }  
  70.         ,function(){  
  71.             w.slideDown(200);  
  72.             v.slideUp(200);  
  73.             return false  
  74.         })  
  75.     }  
  76.     n();  
  77. });  

说明:修改第一行的网站域名

3.在header.php处需要显示的位置添加代码

  1. <span id="HHTJimSay_s" title="点击这里获取更新" style="white-space: nowrap;" class="description"><?php HHTJimSay(); ?></span>

4.在style.css中添加样式代码

  1. #HHTJimSay_s{background:url('data:image/gif;base64,R0lGODlhEAAQALMJALvM7rDE6aW86UV10leF2WWM2cXj/zNmzP///////wAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAAAJACwAAAAAEAAQAAAENDDJCUoBM+tyTtGTMAgJ50mGNhxDUl2JIWciCaZgru/avPs+XZBHLOJuvSFKeQwec8oiKAIAIfkECQAACQAsAAAAABAAEAAABDcwyZlCoJiGc26WhrR1QEEAlKGKV8ERWIi5R/FhZYHefLLyv99N2CsaZRkkiLhU+iZCZ0xqxEQAACH5BAkAAAkALAAAAAAQABAAAAQ2MMlJq5XG3KlxF4NAZR01HENVUqC4vbAEFAWQZG9xHMW9VjpeLDGrDS8/jgq3/JWYNxj0eIkAACH5BAkAAAkALAAAAAAQABAAAAQ0MMlJq5XG3KlxT58XitXIbWhaBYGHBsfRZm/cqgmrAkUBlJZCrEDJjIQHAtDFI/w2NFwqAgAh+QQJAAAJACwAAAAAEAAQAAAENDDjsauVxtypcU+fF4rVyG1oimYpC5qUq84qLAxCzAJFASSDw6AkKRwOhcQtdzEiZzyfJQIAIfkECQAACQAsAAAAABAAEAAABDUwyUmrlcbcqXFPnxeK1chtaIpmKQualKtaQFEAc3EchTUSu14gQJoACLfAjghCKQ9M1fASAQAh+QQJAAAJACwAAAAAEAAQAAAENTDJSauVxtypcU+fF4rVyG2oBBQFkErFcRRolsRzra3t61+CgeAyGhwGlkwoOAR9TBTbDxUBACH5BAUAAAkALAAAAAAQABAAAAQ4MMlJq5XGXAlIAUk2aRRxHEWVkVJxpmoFFN82BYFNBWe+ibyD7yJK4HRIJCtGWVmczRFr+aQmLREAOw==') no-repeat 10000px 10000px;cursor:pointer;}
  2. #HHTJimSay_s.loading{cursor:default;display:none;background-position:center center;width:18px;height:16px;}
本文固定链接:http://www.hhtjim.com/blog-title-the-following-ajax-to-load-a-word.html
Matrix
本文章由 Matrix 于2015年01月12日发布在wordpress建站, 兼容并蓄分类下,目前没有通告,你可以至底部留下评论。
转载请注明:博客标题下面的ajax加载一句话-HHTjim'S 部落格
关键字:, , , ,

有29 条评论 »

  1. liwanglin12 liwanglin12 2015-2-14 20:58:59 +0800#10

    http://blog.lwl12.com/read/hitokoto-api.html 要不要试试 😎

    • Matrix Matrix Moderator 2015-2-14 21:50:22 +0800

      看到这个地址让我想起了api.hitokoto.us/rand
      :mrgreen: 都差不多得 还是用自己找来的句子吧

      • liwanglin12 liwanglin12 2015-2-14 21:52:12 +0800

        没有错啊。这就是调用的这个接口,不过我预处理了一下,让他变纯文字而已
        话说博主的这个回复提醒 能不能发我看看?

      • liwanglin12 liwanglin12 2015-2-14 21:52:27 +0800

        我是指回复提醒的html

        • Matrix Matrix Moderator 2015-2-14 21:58:49 +0800

          应该是这个 http://www.hhtjim.com/modify-the-wordpress-email-notification-style.html

  2. 佳佳君 佳佳君 2015-2-10 13:24:21 +0800#9

    (看见配图我就进来了
    (配图什么鬼!

    • Matrix Matrix Moderator 2015-2-10 21:33:22 +0800

      😳 哈哈 随机图片

  3. Youth.霖 Youth.霖 2015-2-7 17:34:42 +0800#8

    新技能get√ 💡

  4. 灰常记忆 灰常记忆 2015-1-28 12:07:41 +0800#7

    现在特不想折腾代码

  5. 香菇肥牛 香菇肥牛 2015-1-24 10:33:45 +0800#6

    嗯,这个功能挺酷炫的 😀

    • Matrix Matrix Moderator 2015-1-24 16:30:21 +0800

      :mrgreen: 的确炫酷。你那原版的可比我这好看了

  6. 破釜沉舟 破釜沉舟 2015-1-21 20:20:30 +0800#5

    不错的小功能

  7. 松果 松果 2015-1-15 21:42:42 +0800#4

    表来过 😛

  8. 卡卡 卡卡 2015-1-13 11:30:16 +0800#3

    我今天看到恒创的那个免费吃火锅的活动,报名时间就这最后2天了,去吗?可以一起报名哦,先问问博主是不是在重庆的哦!!

    • Matrix Matrix Moderator 2015-1-13 15:16:02 +0800

      还有这活动! 可惜我在四川

  9. tennfy tennfy 2015-1-13 10:14:15 +0800#2

    样式好奇怪啊

    • Matrix Matrix Moderator 2015-1-13 10:21:10 +0800

      只是把#HHTJimSay_s这个 图片转成了base64为代码 😀 一样的效果

  10. 小小张 小小张 2015-1-12 15:11:27 +0800#1

    尝试了好久。点击没反映,只有刷新网页的时候才会变 😕

    • Matrix Matrix Moderator 2015-1-13 10:09:54 +0800

      抱歉 第3步弄错了。代码已经修改了

      • 小小张 小小张 2015-1-13 15:13:33 +0800

        还是一样的。加了个 id="HHTJimSay_s" 但还是点击不能刷新。是不是还要加载其他的呢

        • Matrix Matrix Moderator 2015-1-13 15:16:43 +0800

          你确定代码之前已经加载了jq

          • 小小张 小小张 2015-1-13 15:17:49 +0800

            是这个吗,还是下面这个

          • Matrix Matrix Moderator 2015-1-13 15:17:57 +0800

            给个网址 我看看

            • 小小张 小小张 2015-1-13 15:19:52 +0800

              9011.top

              • Matrix Matrix Moderator 2015-1-13 15:32:37 +0800

                我代码贴少了一部分。
                js代码最前面添加 var blogURL="http://www.9011.top";
                还有
                libs.baidu.com/jquery/1.7.2/jquery.js可以去掉的,因为你之前已经加载了jq1.8.3版本

                • 小小张 小小张 2015-1-13 15:35:40 +0800

                  可以了,非常感谢。折腾好久了 😛

      • 小小张 小小张 2015-1-13 15:18:53 +0800

        是这个吗,还是下面这个

        • 小小张 小小张 2015-1-13 15:22:24 +0800

          我的放在最下面测试

添加新评论 »

 😛 Sad 忧伤 👿 Smile 笑脸 😳 😀 😯 😮 😕 😎 😆 😡 😈 Roll Eyes 转眼珠 😉 💡 😐 😥 Mr Green 绿脸先生

NOTICE: You should type some Chinese word (like “你好”) in your comment to pass the spam-check, thanks for your patience!