博客园鼠标美化

博客园鼠标美化

---

将代码添加到博客侧栏公告

鼠标特效

<!--鼠标特效-->
<script type="text/javascript">
/* 鼠标特效 */
var a_idx = 0;
jQuery(document).ready(function($) {
    $("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": 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
        },
        1500,
        function() {
            $i.remove();
        });
    });
});
</script>

烟花特效

*js文件百度云(点击下载资源)密码:ueo8

<!--鼠标烟花效果-->
<script src="https://files.cnblogs.com/files/你的博客地址/mouse-click.js"></script>
<canvas width="1777" height="841" style="position: fixed; left: 0px; top: 0px; z-index: 2147483647; pointer-events: none;"></canvas>

*参考链接