博客園之鼠標點擊特效

鼠標點擊效果為下圖：

      

 

 

  1.添加特效代碼

    點擊博客園-->管理-->設置-->下拉找到：首頁Html代碼-->將下面的代碼添加到框中-->保存（保存按鈕在頁面左下角）。

   

<script type="text/javascript">
/* 鼠標特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("body").click(function(e) {
        var a = new Array("❤C❤","❤ヾ(^∀^)ﾉ ❤","❤python❤","❤٩(๑❛ᴗ❛๑)۶ ❤","❤java❤","❤( • ̀ω•́ )✧ ❤","❤C#❤","❤┗(•ω•;)┛❤","❤C++❤","❤(＾＿－)❤","❤SQL❤","❤(^_−)☆❤","❤javascrpit❤","❤ヾ(@^▽^@)ノ❤");
        var $i = $("<span></span>").text(a[a_idx]);
        a_idx = (a_idx + 1) % a.length;
        var x = e.pageX,
        y = e.pageY;
        $i.css({
            "z-index": 999999999999999999999999999999999999999999999999999999999999999999999,
            "top": y - 20,
            "left": x,
            "position": "absolute",
            "font-weight": "bold",
            "color": "rgb("+~~(255*Math.random())+","+~~(255*Math.random())+","+~~(255*Math.random())+")"
        });
        $("body").append($i);
        $i.animate({
            "top": y - 180,
            "opacity": 0
        },
        2500,
        function() {
            $i.remove();
        });
    });
});
</script>

　　

     2.修改參數

       a.修改顯示符號 

            可以將中的改為自己喜歡的符號。

 

            其中實例的表情符號可以通過：點擊搜狗輸入法-->右鍵-->表情&符號-->顏文字，來選擇。（若直接輸入不了，可以先將符號輸入到其他文本窗口，然后復制粘貼過來即可）

                                                

     b.修改字體和顯示顏色

          

          此時bold為黑體，可以將其修改為自己想要的顏色。（可在網絡中搜索），至於顏色此時是隨機變化的，可以不用更改，也可改為固定的值："color":"rgb(x,x,x)",reg具體值可以在網絡中搜索GEB顏色對照表，選擇一種替換即可。

     c.修改顯示時長

           修改此數值，即可更改點擊后符號顯示到消失的時長。

 

     d.修改后保存即可