博客园鼠标点击特效

想要美美哒的鼠标点击特效嘛?你只需要以下几步

  • 点开博客园后台
  • 点开设置
  • 找到“博客侧边栏公告”
  • 输入代码保存即可
  • (要先申请js权限哦)
  • <!-- 鼠标点击特效 -->
    <script type="text/javascript">
    $(document).ready(function(){
    var a_index = 0;
    $("body").click(function(e){
    var a = new Array("❤北冥是个❤","❤阳光❤","❤洒脱❤","❤孑然❤","❤真淳❤","❤不羁❤","❤随和❤","❤浪漫❤","❤富有责任心❤","❤爱你❤","❤的美男子❤");
    var $i = $("<span/>").text(a[a_index]);
    a_index = (a_index + 1) % a.length;
    var x = e.pageX,y = e.pageY;
    $i.css({
    "z-index": 99999,
    "top": y - 20,
    "left": x,
    "position": "absolute",
    "font-weight": "bold",
    "color": randomColor()
    });
    $("body").append($i);
    $i.animate({"top": y-180,"opacity": 0},1500,function() {
    $i.remove();
    });
    function randomColor(){
    let r = Math.floor(Math.random()*256)
    let g = Math.floor(Math.random()*256)
    let b = Math.floor(Math.random()*256)
    return "rgb("+r+','+g+','+b+")"
    }
    });
    });
    </script>
原文地址:https://www.cnblogs.com/beimingdaoren/p/12593790.html