一定要下载到本地再上传!
然后插入代码:
<script type="text/javascript"> var ap = new APlayer({ element: document.getElementById('player'), narrow: false, autoplay: false, showlrc: true, fixed:1, theme: '#F5F5F5', music: [{ title: "尹光 胡美儀 精選CD", author: "", url: "https://disk.mctg69.xyz/0:/yt1s.com%20-%20%E5%B0%B9%E5%85%89%20%E8%83%A1%E7%BE%8E%E5%84%80%20%20%E7%B2%BE%E9%81%B8CD.mp3", pic: "https://i.loli.net/2021/04/23/N27dGHI84AZaY5m.png" } ] }); ap.init(); </script>
效果:
![](https://i.loli.net/2021/04/24/OCu8lgbd5zZPGw1.png)
在css插入:
#back-to-top123 { bottom: 0; padding: 10px 10px; position: fixed; right: 50px; cursor: pointer; }
然后呢可以选:
1.我在用的<span id="back-to-top123"><a href="#top"><p>返回顶部</p><img src="https://images.cnblogs.com/cnblogs_com/MCTG/1959537/t_210423114051598187babf39e.gif" height="50" width="50"></a></span>
2.比较复古的<span id="back-to-top123"><a href="#top"><img src="https://images.cnblogs.com/cnblogs_com/MCTG/1959537/t_2104231152466C44BD90-A8F0-490C-A937-B4B96C3B827D.gif"></a></span>
二选一
或者去 阿里云图标库(
https://www.iconfont.cn/)下载
效果:
![](https://i.loli.net/2021/04/24/kduta2K1YITFBnj.png)