html

<!--是一张右下角的图片-->
<img id="BackToTop" width="7%" src="/angry.png" data-file-width="365">
<span id="BackToTopp00" width="7%" >
<style type="text/css">
body {//鼠标样式
    cursor: url(/1.cur), auto;
}
a:hover {
    cursor: url(/1_1.cur), auto;
}
button:hover {
    cursor: url(/1_1.cur), auto;
}
</style>
<div class="OnlineService_Bg">
    <div class="OnlineService_Box">
        <div class="OnlineService_Top"><span id="say"></span></div>
    </div>
</div>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.4.3/jquery.min.js"></script>
<script type="text/javascript">
  function getsay() {//hitokoto
  $.ajax({
            url: "https://lil.cx/?encode=jsonp",
            dataType: "jsonp",
            async: true,
        jsonp: "callback",
        jsonpCallback: "callback",
            success: function(result) {
            $("#say").text(result.say )
            },
            error: function() {
    $(".say").html("<p>读取失败</p>")
            }
             });
   }
getsay();
</script>

css

.App-header .FormControl:focus{background:#FFAF60;border:0;color:#00c6fc;}
.App-header .FormControl{background:#00c6fc;border:0;color:#FFAF60;}
.Button--primary{background:#00c6fc;}
.App-header .Button--link,.App-header .Search-input{color:#99e8fe}
.App-header .Button:hover{color:#99e8fe;background:#00b2e3;}
#BackToTop{bottom:0px;right:0px;position:fixed;opacity:0.5;transition:all .5s;cursor:pointer}
#BackToTopp{bottom:0px;right:0px;position:fixed;}
.OnlineService_Bg {width:100px;overflow:hidden;height:auto;position:fixed;right:10px;bottom:20px;z-index:10;}
.OnlineService_Box {width:100%;height:auto:overflow:hidden;}
.OnlineService_Top {width:90px;height:auto;margin-bottom:10px;}
.OnlineService_Top span {display:block;width:85px;height:auto;padding-top:57px;line-height:30px;font-size:16px;text-align:center;background-repeat:no-repeat;background-position:center 8px;cursor:pointer;text-decoration:none;}