博客園自定義鼠標樣式

博客園自定義鼠標樣式：

• 上傳背景圖片到服務器（在博客設置-> 文件中上傳，上傳前將圖片后綴改為.ico）
• 添加代碼到相應的位置

設置鼠標樣式

博客設置-> 設置中頁面定制 CSS 代碼：

body {
    cursor: url('https://blog-static.cnblogs.com/files/lucas--liu/cat6.ico'), auto;
}

樣式預覽：

• Hello kitty
• 小貓1號
• 小貓2號
• 小貓3號
• 藍色箭頭
• 白色箭頭

其他樣式：

設置鼠標點擊效果

博客側邊欄公告（支持HTML代碼）（支持 JS 代碼） ：

<script>
// 鼠標點擊特效
var a_idx = 0;
$("body").click(function(e) {
        var a = new Array("❤感謝觀看❤","❤","❤喜歡就點個贊唄❤","❤❤","❤快去點贊❤","❤❤❤","❤不是點這里哦❤","❤❤","❤點贊在底部啦❤","❤","❤❤");
        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": 999999999999999,
            "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
        },
        1500,
        function() {
            $i.remove();
        });
    });
</script>