当前位置:记磊博客 > 技巧-源码 > 源码程序 > 正文

作者:记磊博客

比较忧愁,比较善感,比较孩子气,比较喜欢网络技术的小子

手机扫码查看

一款简洁小巧的HTML5底部悬浮音乐播放器

摘要:根据Jrohy的QPlayer重做的一款简洁小巧的HTML5底部悬浮音乐播放器

根据JrohyQPlayer重做的一款简洁小巧的HTML5底部悬浮音乐播放器

演示:轻刻小时光(最右上角:home)

目前只支持网易云哈

代码19行修改自己喜欢的网易云音乐列表id

一款简洁小巧的HTML5底部悬浮音乐播放器
一款简洁小巧的HTML5底部悬浮音乐播放器

代码下载:

抱歉,隐藏内容 回复 后刷新可见

内容隐藏,请输入提取密码:

 

项目地址:GitHub地址

未经允许不得转载:

作者:记磊博客, 转载或复制请以 超链接形式 并注明出处 记磊博客
原文地址:《一款简洁小巧的HTML5底部悬浮音乐播放器》 发布于2018-07-03

本文共203个字,预计阅读时间需要1分钟。
您阅读这篇文章共花了: 0小时00分00秒
分享到:
赞(2) 打赏

评论 68

9 + 5 =
  1. #1
    qq_avatar

    可以

    乔治9个月前 (07-03)来自中国/China QQ浏览器  Lenovo L38011 Build/OPR1.170623.032 江苏省 移动回复
  2. #2

    万籁博客博主报道!

    a南笙-9个月前 (07-03)来自中国/China 搜狗浏览器 Windows 7 广东省江门市新会区 电信回复
    • 欢迎光临,男宾一位

      记磊博客9个月前 (07-03)来自中国/China QQ浏览器  Android 5.1.1 vivo X7 Build/LMY47V 浙江省杭州市余杭区 电信回复
  3. #3
    qq_avatar

    感谢分享!

    ℡☆宿こ命ヤ9个月前 (07-04)来自中国/China 谷歌浏览器 Windows 7 浙江省温州市瑞安市 电信回复
  4. #4
    qq_avatar

    刚刚,发给你的信息失败了,不知道怎么回事

    让我忘了你9个月前 (07-05)来自中国/China 谷歌浏览器  Android 5.1 OPPO R9m Build/LMY47I 广西 电信回复
  5. #5
    qq_avatar

    看看

    沉默丶9个月前 (07-10)来自中国/China 谷歌浏览器 Windows 7 山东省潍坊市 联通回复
  6. #6
    qq_avatar

    看看吧11111111111

    沉默丶9个月前 (07-10)来自中国/China 谷歌浏览器 Windows 7 山东省潍坊市 联通回复
  7. #7
    qq_avatar

    谢谢了~~~

    chchd9个月前 (07-11)这家伙可能用了美佬的代理 谷歌浏览器 Windows 10 美国 Merit网络公司回复
  8. #8
    qq_avatar

    正需要这东西呢 :!:

    Despacito9个月前 (07-11)来自中国/China 谷歌浏览器 Windows 10 中国 移动回复
  9. #9

    感谢分享

    860350591a8个月前 (07-18)来自中国/China QQ浏览器 Windows 10 河北省石家庄市 联通回复
  10. #10

    看下

    明天会更好8个月前 (07-20)来自中国/China 谷歌浏览器  Android 7.0 Redmi Note 4X Build/NRD90M 广东省深圳市 电信回复
  11. #11
    qq_avatar

    我来看看啊

    十八8个月前 (07-29)来自中国/China 谷歌浏览器 Windows 7 安徽省滁州市明光市 电信回复
  12. #12
    qq_avatar

    我的天 怎么那不行

    痴迷顾里8个月前 (08-05)来自中国/China 搜狗浏览器 Windows 7 山东省烟台市 联通回复
  13. #13
    qq_avatar

    拿走了谢谢

    8个月前 (08-08)来自中国/China 谷歌浏览器 Windows 10 河南省新乡市 联通回复
  14. #14
    qq_avatar

    看下

    清欢.8个月前 (08-08)来自中国/China 谷歌浏览器  Android 5.1 OPPO A59m Build/LMY47I 北京市 移动回复
  15. #15

    测试一下

    记....磊7个月前 (08-16)来自中国/China QQ浏览器 Windows 7 上海市松江区 电信回复
  16. #16
    qq_avatar

    666666狠人

    王也7个月前 (08-18)来自中国/China 谷歌浏览器  Android 7.1.2 MZ-M6 Note Build/MRA58K 山东省 电信回复
  17. #17
    qq_avatar

    支持博主,嘻嘻

    黑色四叶草7个月前 (08-19)来自中国/China 谷歌浏览器 Windows 7 广东省广州市 电信回复
  18. #18
    qq_avatar

    不凑,支持支持

    [VIP]徐s7个月前 (08-26)来自中国/China 谷歌浏览器 Windows 7 浙江省杭州市 电信回复
  19. #19
    qq_avatar

    看看

    95277个月前 (08-28)来自中国/China 谷歌浏览器 Windows 8.1 浙江省杭州市 电信回复
  20. #20
    qq_avatar

    我来试试,可以搞到中间不?

    老哥纳吉7个月前 (08-30)来自中国/China 谷歌浏览器  PLK-CL00 Build/HONORPLK-CL00) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.85 Mobile Safari/537.36 浙江省杭州市 电信回复
  21. #21
    qq_avatar

    如何添加到网站里?

    老哥纳吉7个月前 (08-30)来自中国/China 谷歌浏览器  PLK-CL00 Build/HONORPLK-CL00) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.85 Mobile Safari/537.36 浙江省杭州市 电信回复
  22. #22
    qq_avatar

    666666666666666666666666中文.

    一期一会7个月前 (08-30)来自中国/China 谷歌浏览器 Windows 10 浙江省杭州市 电信回复
  23. #23
    qq_avatar

    正需要 收下了

    瘾君子7个月前 (08-31)来自中国/China 谷歌浏览器 Windows 10 山东省 电信回复
  24. #24

    不错啊

    棉花神样7个月前 (09-04)来自中国/China 谷歌浏览器 Windows 7 浙江省杭州市 阿里云BGP数据中心回复
  25. #25

    蜀韵文学网www.sanwenzx.cn很不错的哦!

    蜀韵文学网7个月前 (09-08)来自中国/China 谷歌浏览器 Windows XP 广东省广州市 电信回复
  26. #26
    qq_avatar

    可以的

    龙、夕6个月前 (09-17)来自中国/China 谷歌浏览器 Windows 10 北京市 移动回复
  27. #27

    我喜欢你,但不是真正的我自己。

    SHu-How6个月前 (09-20)来自中国/China Safari浏览器 Mac OS X 10_13_4 中国 移动回复
  28. #28
    qq_avatar

    既然如此,就再努力一次吧。别在这里愁眉不展,也不要再自欺欺人,重新来过!

    查无此妮6个月前 (09-22)来自中国/China 谷歌浏览器  Android 7.0 MZ-M1 E Build/MRA58K 湖南省 电信回复
  29. #29
    qq_avatar

    世界有多大?你走到哪里,世界就有多大。

    undefined6个月前 (09-23)来自中国/China 谷歌浏览器 Windows 10 河南省平顶山市 电信回复
  30. #30
    qq_avatar

    其实越是简单的东西,我们却往往反而无法深刻的解答,我们的认识只停留在表面的了解上!

    不忘初心方得始终6个月前 (09-27)来自中国/China 谷歌浏览器 Windows 7 天津市 联通数据中心回复
  31. #31
    qq_avatar

    起风了,必须好好活下去。

    ...6个月前 (10-08)来自中国/China 谷歌浏览器 Windows 10 江西省南昌市 电信回复
  32. #32

    告诉你我最喜欢的一句话吧!要是被处于下风就要以牙还牙!

    望北丶6个月前 (10-10)来自中国/China QQ浏览器 Windows 10 安徽省安庆市潜山县 电信回复
  33. #33
    qq_avatar

    一只烟燃不到天亮,而远方早已没了黎明。好用吗

    我不5班人5个月前 (10-13)来自中国/China 谷歌浏览器 Windows 10 广东省深圳市 电信回复
  34. #34
    qq_avatar

    怎么用呢,不会用呀,出个教程吧,小白看着喜欢,不会用

    我不5班人5个月前 (10-14)来自中国/China 谷歌浏览器 Windows 10 广东省深圳市 电信回复
  35. #35
    qq_avatar

    东西不错,有详细教程就好了,想其它网站也调用,不会搞,,WordPress下也不兼容,头像会错乱

    我不5班人5个月前 (10-15)来自中国/China 谷歌浏览器 Windows 10 广东省深圳市 电信回复
  36. #36
    qq_avatar

    从一开始,我就不那么喜欢你。

    005个月前 (10-19)来自中国/China QQ浏览器 Windows 7 江苏省徐州市 电信回复
  37. #37
    qq_avatar

    简单一句话,我们是伙伴。

    005个月前 (10-19)来自中国/China QQ浏览器 Windows 7 江苏省徐州市 电信回复
  38. #38
    qq_avatar

    感谢分享

    005个月前 (10-19)来自中国/China QQ浏览器 Windows 7 江苏省徐州市 电信回复
  39. #39
    qq_avatar

    如果我闭上双眼看到的是黑暗,那么当我睁开眼睛的时候是否会是一片光明?

    005个月前 (10-19)来自中国/China QQ浏览器 Windows 7 江苏省徐州市 电信回复
  40. #40
    qq_avatar

    as打扫打扫打扫打扫打扫打扫大

     1231235个月前 (10-20)来自中国/China 谷歌浏览器 Windows 7 山东省 联通回复
  41. #41
    qq_avatar

    没有人可以抵抗命运的轮回。

    永恒的擎天柱5个月前 (10-24)来自中国/China 谷歌浏览器 Windows 10 山东省日照市 移动回复
  42. #42
    qq_avatar

    一点资源网报道!

    浮生一梦5个月前 (10-28)来自中国/China 谷歌浏览器 Windows 7 广东省中山市 电信回复
  43. #43
    qq_avatar

    看吧,星星只有在夜里才璀璨夺目啊。

    秋叶根Blog5个月前 (10-29)来自中国/China 谷歌浏览器 Windows 7 山东省临沂市 联通回复
  44. #44
    qq_avatar

    曾经发生过的事情不可能忘记,只不过是想不起而已。

    温存我心5个月前 (11-10)来自中国/China 搜狗浏览器 Windows 10 中国 移动回复
  45. #45

    可以

    a'ゞ A by - 溪冉4个月前 (11-17)来自中国/China 谷歌浏览器 Windows 10 山东省聊城市 联通回复
  46. #46
    qq_avatar

    拿走了拿走了

    麻木4个月前 (11-24)来自中国/China 搜狗浏览器 Windows 7 北京市 鹏博士长城宽带回复
  47. #47
    qq_avatar

    感谢分享!

    Untitled4个月前 (12-11)来自中国/China 谷歌浏览器 Windows 7 广西北海市 电信回复
  48. #48
    qq_avatar

    以前高中时,羡慕大学考试只要及格就行;现在大学了,怀念高中考试及不及格都行⋯⋯

    呵呵,世界3个月前 (12-12)来自中国/China 谷歌浏览器 Windows 7 新疆阿克苏地区 电信回复
  49. #49

    好像很不错,想试一下!

    呵呵,世界3个月前 (12-12)来自中国/China 谷歌浏览器 Windows 7 新疆阿克苏地区 电信回复
  50. #50

    谢谢分享

    记名者3个月前 (12-16)来自中国/China 谷歌浏览器 Windows 10 江西省南昌市 电信回复
  51. #51

    学习谢谢

    灬03个月前 (12-18)来自中国/China 谷歌浏览器 Windows 7 山东省淄博市 联通回复
  52. #52
    qq_avatar

    这个怎么样

    狐.3个月前 (12-21)来自中国/China 谷歌浏览器 Windows 7 陕西省咸阳市 电信回复
    • 这个目前好像有一些问题了

      记磊博客3个月前 (12-21)来自中国/China 谷歌浏览器 Windows 10 浙江省杭州市余杭区 电信回复
  53. #53

    久闻上官世家,人品武功二流,卑鄙无耻一流,果然名不虚传,领教了。

    31312744573个月前 (01-05)来自中国/China 谷歌浏览器  Android 8.0.0 SM-C7010 Build/R16NW 中国 移动回复
  54. #54
    qq_avatar

    我已经不想再失去什么了,所以,我不会再战斗了。

    惜伊阁3个月前 (01-07)来自中国/China 谷歌浏览器  Android 7.1.1 MI MAX 2 Build/NMF26F 广东省深圳市 联通回复
  55. #55

    多年后,再回想年少时的迷茫和执着,或许原因都不记得了。

    Erdiu.2个月前 (01-25)来自中国/China 谷歌浏览器 Windows 10 河北省沧州市南皮县 电信回复
  56. #56

    有些梦想虽然遥不可及,但不是不可能实现。只要我足够的强。

    ‪香烤土豆2个月前 (01-29)来自中国/China 谷歌浏览器 Windows 10 山东省聊城市 电信回复
  57. #57
    qq_avatar

    哼!悔改吧,你们这群死宅,人家可是身价四千万的大小姐。

    潇护荷花2个月前 (02-03)来自中国/China 谷歌浏览器 Windows 10 河北省张家口市 联通回复
  58. #58
    qq_avatar

    人类最大的错误,在于不敢承担圣人的心

    孙少2个月前 (02-08)来自中国/China 谷歌浏览器  vivo X20Plus Build/OPM1.171019.011 河南省开封市 联通回复
  59. #59

    我能遵循自己坚信的道路真是太好了。今天又再次确认了这一点。你也要朝着自己认准的方向不断前进吧。

    A1个月前 (02-09)来自中国/China Safari浏览器 Mac OS X 10_13_6 辽宁省大连市 电信回复
  60. #60

    游戏的最终季的获胜方式是不战而胜。

    Lee1个月前 (02-13)来自中国/China 谷歌浏览器 Linux 上海市嘉定区 电信回复
  61. #61
    qq_avatar

    来,跑起来吧,在大家为你们开辟的道路上。

     发电方式真的1个月前 (02-13)来自中国/China QQ浏览器 Windows 10 河北省石家庄市 联通回复
  62. #62
    qq_avatar

    哪有至死不愈啊~

    小魅1个月前 (02-19)来自中国/China 谷歌浏览器 Windows 10 浙江省台州市 电信回复
  63. #63

    回复

    时刻1个月前 (02-20)来自中国/China QQ浏览器  Android 7.0 M1 E Build/NRD90M 江苏省扬州市 电信回复
  64. #64
    qq_avatar

    感谢分享

    哥%潇洒一生momo1个月前 (02-20)来自中国/China QQ浏览器 Windows 10 北京市 联通回复
  65. #65

    感谢楼主分享

    Pluto1个月前 (02-20)来自中国/China 谷歌浏览器 Windows 10 四川省成都市 移动回复
  66. #66
    qq_avatar

    新人报到

    不二臣2周前 (03-12)未知系统 谷歌浏览器 Windows 10 运营商级NAT(宽带运营商局域网) 回复
一款简洁小巧的HTML5底部悬浮音乐播放器

长按图片转发给朋友

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

Vieu3.3主题

专业打造轻量级个人企业风格博客主题!专注于前端开发,全站响应式布局自适应模板。

了解一下

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

Q Q 登 录
微 博 登 录