如何給部落格園新增動漫人物？

chenyanlong_v發表於2020-10-27

第一步：

第二步：在頁面找到這個，新增如下程式碼

程式碼：

<script>
      //滑鼠在訊息上時
jQuery(document).ready(function ($) {
    $("#message").hover(function () {
       $("#message").fadeTo("100", 1);
     });
});


//滑鼠在上方時
jQuery(document).ready(function ($) {
    //$(".mumu").jrumble({rangeX: 2,rangeY: 2,rangeRot: 1});
    $(".mumu").mouseover(function () {
       $(".mumu").fadeTo("300", 0.3);
       msgs = ["我隱身了，你看不到我", "我會隱身哦！嘿嘿！", "別動手動腳的，把手拿開！", "把手拿開我才出來！","告訴你個祕密：博主是單身哦","十月夢想部落格 www.cncat.cn"];
       var i = Math.floor(Math.random() * msgs.length);
        showMessage(msgs[i]);
    });
    $(".mumu").mouseout(function () {
        $(".mumu").fadeTo("300", 1)
    });
});

//開始
jQuery(document).ready(function ($) {
    if (isindex) { //如果是主頁
        var now = (new Date()).getHours();
        if (now > 0 && now <= 6) {
            showMessage(visitor + ' 你是夜貓子呀？還不睡覺，明天起的來麼你？', 6000);
        } else if (now > 6 && now <= 11) {
            showMessage(visitor + ' 早上好，早起的鳥兒有蟲吃噢！早起的蟲兒被鳥吃，你是鳥兒還是蟲兒？嘻嘻！', 6000);
        } else if (now > 11 && now <= 14) {
            showMessage(visitor + ' 中午了，吃飯了麼？不要餓著了，餓死了誰來挺我呀！', 6000);
        } else if (now > 14 && now <= 18) {
            showMessage(visitor + ' 中午的時光真難熬！還好有你在！', 6000);
        } else {
            showMessage(visitor + ' 快來逗我玩吧！', 6000);
        }
    }
    else {
        showMessage('歡迎' + visitor + '來到《' + title + '》', 6000);
    }
    $(".spig").animate({
        top: $(".spig").offset().top + 300,
        left: document.body.offsetWidth - 160
    },
	{
	    queue: false,
	    duration: 1000
	});
});

//滑鼠在某些元素上方時
jQuery(document).ready(function ($) {
    $('h2 a').click(function () {//標題被點選時
        showMessage('正在用吃奶的勁載入《<span style="color:#0099cc;">' + $(this).text() + '</span>》請稍候');
    });
    $('h2 a').mouseover(function () {
        showMessage('要看看《<span style="color:#0099cc;">' + $(this).text() + '</span>》這篇文章麼？');
    });
    $('#prev-page').mouseover(function(){
        showMessage('要翻到上一頁嗎?');
    });
    $('#next-page').mouseover(function(){
        showMessage('要翻到下一頁嗎?');
    });
    $('#index-links li a').mouseover(function () {
        showMessage('去 <span style="color:#0099cc;">' + $(this).text() + '</span> 逛逛');
    });
    $('.comments').mouseover(function () {
        showMessage('<span style="color:#0099cc;">' + visitor + '</span> 向評論欄出發吧！');
    });
    $('#submit').mouseover(function () {
        showMessage('確認提交了麼？');
    });
    $('input[name="keyword"]').mouseover(function () {
        showMessage('輸入你想搜尋的關鍵詞再按Enter(回車)鍵就可以搜尋啦!');
    });
    $('#go-prev').mouseover(function () {
        showMessage('點它可以後退哦！');
    });
    $('#go-next').mouseover(function () {
        showMessage('點它可以前進哦！');
    });
    $('#refresh').mouseover(function () {
        showMessage('點它可以重新載入此頁哦！');
    });
    $('#go-home').mouseover(function () {
        showMessage('點它就可以回到首頁啦！');
    });
    $('#addfav').mouseover(function () {
        showMessage('點它可以把此頁加入書籤哦！');
    });
    $('#nav-two a').mouseover(function () {
        showMessage('噓，從這裡可以進入控制皮膚的哦！');
    });
    $('.post-category a').mouseover(function () {
        showMessage('點選檢視此分類下得所有文章');
    });
    $('.post-heat a').mouseover(function () {
        showMessage('點它可以直接跳到評論列表處.');
    });
    $('#tho-shareto span a').mouseover(function () {
        showMessage('你知道嗎?點它可以分享本文到'+$(this).attr('title'));
    });
    $('#switch-to-wap').mouseover(function(){
        showMessage('點選可以切換到手機版部落格版面');
    });
});


//無聊講點什麼
jQuery(document).ready(function ($) {

    window.setInterval(function () {
        msgs = ["好無聊啊！", "好想做愛吖", "陪我聊天吧！", "你在幹什麼哦！", "好無聊哦，你都不陪我玩！", "…@……!………", "^%#&*!@*(&#)(!)(", "我可愛吧！嘻嘻!~^_^!~~","誰淫蕩呀?~誰淫蕩?，你淫蕩呀!~~你淫蕩！~~","從前有座山，山上有座廟，廟裡有個老和尚給小和尚講故事，講：“從前有座……”"];
        var i = Math.floor(Math.random() * msgs.length);
        showMessage(msgs[i], 10000);
    }, 35000);
});

//無聊動動
jQuery(document).ready(function ($) {
    window.setInterval(function () {
        msgs = ["別過來！再過來我就脫衣服了！", "好無聊啊！", "陪我聊天吧！", "你在幹什麼哦！", "乾坤大挪移！", "我飄過來了！~", "我飄過去了", "我得意地飄！~飄！~"];
        var i = Math.floor(Math.random() * msgs.length);
        s = [0.1, 0.2, 0.3, 0.4, 0.5, 0.6,0.7,0.75,-0.1, -0.2, -0.3, -0.4, -0.5, -0.6,-0.7,-0.75];
        var i1 = Math.floor(Math.random() * s.length);
        var i2 = Math.floor(Math.random() * s.length);
            $(".spig").animate({
            left: document.body.offsetWidth/2*(1+s[i1]),
            top:  document.body.offsetHeight/2*(1+s[i1])
        },
			{
			    duration: 2000,
			    complete: showMessage(msgs[i])
			});
    }, 45000);
});

//評論資料
jQuery(document).ready(function ($) {
    $('input[name="comname"]').click(function () {
        showMessage("請問閣下的尊姓大名！");
        $(".spig").animate({
            top: $('input[name="comname"]').offset().top - 70,
            left: $('input[name="comname"]').offset().left - 170
        },
		{
		    queue: false,
		    duration: 1000
		});
    });
    $('input[name="commail"]').click(function () {
        showMessage("閣下郵箱是必不可少的哦，不然就是無頭像人士了！");
        $(".spig").animate({
            top: $('input[name="commail"]').offset().top - 70,
            left: $('input[name="commail"]').offset().left - 170
        },
		{
		    queue: false,
		    duration: 1000
		});
    });
    $('input[name="comurl"]').click(function () {

        showMessage("閣下的家在哪裡，在下想去參觀呢！");
        $(".spig").animate({
            top: $('input[name="comurl"]').offset().top - 70,
            left: $('input[name="comurl"]').offset().left - 170
        },
		{
		    queue: false,
		    duration: 1000
		});
    });
    $("#comment").click(function () {
        showMessage("閣下請認真填寫哦！不然會被陛下處以死刑");
        $(".spig").animate({
            top: $("#comment").offset().top - 70,
            left: $("#comment").offset().left - 170
        },
		{
		    queue: false,
		    duration: 1000
		});
    });
});

var spig_top = 50;
//滾動條移動
jQuery(document).ready(function ($) {
    var f = $(".spig").offset().top;
    $(window).scroll(function () {
        $(".spig").animate({
            top: $(window).scrollTop() + f +300
        },
		{
		    queue: false,
		    duration: 1000
		});
    });
});

//滑鼠點選時
jQuery(document).ready(function ($) {
    var stat_click = 0;
    $(".mumu").click(function () {
        if (!ismove) {
            stat_click++;
            if (stat_click > 4) {
                msgs = ["你有完沒完呀？", "你已經摸我" + stat_click + "次了", "非禮呀！救命！OH，My ladygaga"];
                var i = Math.floor(Math.random() * msgs.length);
                //showMessage(msgs[i]);
            } else {
                msgs = ["筋斗雲！~我飛！", "我跑呀跑呀跑！~~", "別摸我，都是男人有什麼好摸的！", "惹不起你，我還躲不起你麼？", "不要摸我了，我會告訴老婆來打你的！", "幹嘛動我呀！小心我咬你！"];
                var i = Math.floor(Math.random() * msgs.length);
                //showMessage(msgs[i]);
            }
        s = [0.1, 0.2, 0.3, 0.4, 0.5, 0.6,0.7,0.75,-0.1, -0.2, -0.3, -0.4, -0.5, -0.6,-0.7,-0.75];
        var i1 = Math.floor(Math.random() * s.length);
        var i2 = Math.floor(Math.random() * s.length);
            $(".spig").animate({
            left: document.body.offsetWidth/2*(1+s[i1]),
            top:  document.body.offsetHeight/2*(1+s[i1])
            },
			{
			    duration: 500,
			    complete: showMessage(msgs[i])
			});
        } else {
            ismove = false;
        }
    });
});
//顯示訊息函式 
function showMessage(a, b) {
    if (b == null) b = 10000;
    jQuery("#message").hide().stop();
    jQuery("#message").html(a);
    jQuery("#message").fadeIn();
    jQuery("#message").fadeTo("1", 1);
    jQuery("#message").fadeOut(b);
};

//拖動
var _move = false;
var ismove = false; //移動標記
var _x, _y; //滑鼠離控制元件左上角的相對位置
jQuery(document).ready(function ($) {
    $("#spig").mousedown(function (e) {
        _move = true;
        _x = e.pageX - parseInt($("#spig").css("left"));
        _y = e.pageY - parseInt($("#spig").css("top"));
     });
    $(document).mousemove(function (e) {
        if (_move) {
            var x = e.pageX - _x; 
            var y = e.pageY - _y;
            var wx = $(window).width() - $('#spig').width();
            var dy = $(document).height() - $('#spig').height();
            if(x >= 0 && x <= wx && y > 0 && y <= dy) {
                $("#spig").css({
                    top: y,
                    left: x
                }); //控制元件新位置
            ismove = true;
            }
        }
    }).mouseup(function () {
        _move = false;
    });
});
    </script>

部落格園如何新增看板娘！
2020-11-30
給部落格園的寄語
2024-07-17
部落格園文章自動新增目錄-3級
2020-06-06
給你的部落格新增RSS
2024-07-17
【Typora + 部落格園】如何高效的在部落格園上編寫MD格式的部落格
2020-12-05
部落格園，部落格園，念念不忘，必有迴響
2024-07-29
給部落格園的幾點現實建議
2024-07-16
部落格園，你好！
2024-10-08
部落格園美化
2024-09-02
部落格園部落格記錄備份
2024-10-12
部落格園部落格重修計劃2024
2024-07-21
部落格美化&typora編寫部落格攻略（部落格園版）
2020-10-13
新版CSDN部落格如何新增別人的部落格連結
2020-10-16
諮詢部落格園文章如何維權
2018-06-10
重回部落格園
2024-08-28
初入部落格園
2024-04-09
部落格園美化教程
2024-04-10
勞動節福利~ 我給大家寫了個部落格園快速發文工具
2022-05-02
部落格園皮膚-我的部落格園皮膚設定教程
2019-05-09
如何在部落格內新增音樂
2019-02-08
關於《給部落格園的幾點現實建議》
2024-07-18
部落格園小編，請給我一個說法 20210315
2021-03-15
自定義部落格園部落格的背景圖片
2021-02-18
修改部落格園主題
2024-10-28
部落格園主題美化
2024-08-28
部落格園使用小技巧
2024-05-03
部落格園主題&美化
2024-04-05
爬取部落格園文章
2020-07-31
SimpleMemory部落格園皮膚
2020-09-24
部落格園樣式美化
2020-04-28
給部落格園商業化的一份公開信
2023-04-23
部落格園之自定義部落格(美化+播放器)
2021-05-09
播放器
部落格園自動化之過程調研
2021-09-23
【轉載】如何轉發部落格園中的文章
2024-10-29
部落格園cnblog部落格遷移到Hexo(提供格式轉換)
2024-04-10
Hexo
部落格園美化-Awescnb主題
2024-11-03
部落格園OpenApi管理平臺
2024-08-25
API
部落格園主題設定
2024-08-07

如何給部落格園新增動漫人物？

相關文章