Typecho博客自定义高斯模糊背景小清新音乐播放器界面

Author： Anleeno
发布时间：September 1, 2020
77904 views
45 comments
14223 words
Categories：前端 Typecho

应网友要求，现把基本源码给出来。需要自取，注明出处。设计：

此处内容需要评论回复后（审核通过）方可阅读。

此处内容需要评论回复后（审核通过）方可阅读。

此处内容需要评论回复后（审核通过）方可阅读。

如果需要把这个页面当作模板，在php文件前面加入如下代码即可。

<?php
/**
* 音乐
*
* @package custom
*/
?>

效果：

Last modification：November 14, 2020

© Allow specification reprint

喜欢就加个鸡腿吧！

45 comments

不知名的学生
2023年1月3日 13:14

向大佬学习

Reply
北落师门
2022年12月21日 12:16

向大佬学习,刚好需要音乐播放器。

Reply
北落师门
2022年12月21日 12:15

向大佬学习

Reply
burningash
2022年11月16日 19:28

学习一下谢谢

Reply
HsMatrix
2022年8月30日 13:50

爱了爱了

Reply
HsMatrix
2022年8月30日 13:46

爱了爱了

Reply
刚下飞机的贫僧
2022年8月24日 19:18

不错不错

Reply
潜心学习的贫僧
2022年6月14日 20:45

OωO

Reply
骄傲的打工人
2022年5月13日 17:33

谢谢你！

Reply
听闻
2022年4月17日 09:37

看看效果OωO

Reply
sleepycode
2022年2月16日 19:53

OωO

Reply
sleepycode
2022年2月16日 15:29

好看极了

Reply
秋秋
2022年1月25日 04:59

感谢分享

Reply
EnCryAMK
2021年12月23日 10:06

哇牛逼啊

Reply
dd
2021年9月18日 17:08

感谢分享

Reply
邹不二
2021年9月11日 20:06

黑色风格真帅

Reply
jane
2021年8月4日 11:48

您好，求审核通过一下୧(๑•̀⌄•́๑)૭

Reply
又加
2021年7月27日 12:48

不错，很漂亮

Reply
知名的大黄
2021年7月26日 22:40

爱了爱了

Reply
宇情
2021年7月8日 11:31

效果很好

Reply

Leave a Comment Cancel reply
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

Comment *

Private comment

Name *

🎲

Email *

Site

Typecho博客自定义高斯模糊背景小清新音乐播放器界面

Anleeno • 2020 年 09 月 01 日

<p><div class="tip inlineBlock success">

应网友要求，现把基本源码给出来。需要自取，注明出处。设计：<br><button class=" btn m-b-xs btn-success btn-addon" onclick='window.open("https://dribbble.com/shots/4240318-Made-with-InVision-Studio-Music-Player","_blank")'><i class="glyphicon glyphicon-leaf"></i> Charles Patterson</button></p><p>
</div></p><p><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-af7bcdebe10992f1bf44b76675f52551700' role="tab" data-target='#tabs-af7bcdebe10992f1bf44b76675f52551700'>HTML结构</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-1e5ea1eef08b3bb80b388b0cf6edda0b741' role="tab" data-target='#tabs-1e5ea1eef08b3bb80b388b0cf6edda0b741'>CSS样式</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-9b817b71f239d0ecd3c8eecd6d652581512' role="tab" data-target='#tabs-9b817b71f239d0ecd3c8eecd6d652581512'>JS代码</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-af7bcdebe10992f1bf44b76675f52551700' class="tab-pane fade active in">
            <br><div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div></p><p></div><div role="tabpanel" id='tabs-1e5ea1eef08b3bb80b388b0cf6edda0b741' class="tab-pane fade  ">
            <br><div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div></p><p></div><div role="tabpanel" id='tabs-9b817b71f239d0ecd3c8eecd6d652581512' class="tab-pane fade  ">
            <br><div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div></p><p></div>
</div>
</div><br><div class="tip inlineBlock info">

如果需要把这个页面当作模板，在php文件前面加入如下代码即可。<br>
</div></p><pre><code>&lt;?php
/**
* 音乐
*
* @package custom
*/
?&gt;</code></pre><p>效果：</p><p><img src="https://www.anleenoxu.top/usr/themes/handsome/assets/img/loading.svg" alt="音乐播放器" title="音乐播放器"style=""data-original="https://www.anleenoxu.top/usr/uploads/time/5f17f22562914.jpg"></p>