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;}
2 条评论
如果有效果图就更好了
test