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

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

应网友要求，现把基本源码给出来。需要自取，注明出处。设计：
<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>

</div>

<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-f830427ca3c7a8941b1d7539ed849f0270' role="tab" data-target='#tabs-f830427ca3c7a8941b1d7539ed849f0270'>HTML结构</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-c93399340826ceceef4d2b2bca1140f0261' role="tab" data-target='#tabs-c93399340826ceceef4d2b2bca1140f0261'>CSS样式</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-e1fa249fc5422f319c28a8144d3963e4372' role="tab" data-target='#tabs-e1fa249fc5422f319c28a8144d3963e4372'>JS代码</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-f830427ca3c7a8941b1d7539ed849f0270' class="tab-pane fade active in">
            
<div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div>

</div><div role="tabpanel" id='tabs-c93399340826ceceef4d2b2bca1140f0261' class="tab-pane fade  ">
            
<div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div>

</div><div role="tabpanel" id='tabs-e1fa249fc5422f319c28a8144d3963e4372' class="tab-pane fade  ">
            
<div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div>

</div>
</div>
</div>
<div class="tip inlineBlock info">

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

</div>

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

效果：

![音乐播放器](https://www.anleenoxu.top/usr/uploads/time/5f17f22562914.jpg)

Last modification：November 14, 2020

喜欢就加个鸡腿吧！

41 comments

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
宇情
2021年7月8日 11:30

|´・ω・)ノ

Reply
somnus
2021年5月31日 15:54

博主审核通过一下୧(๑•̀⌄•́๑)૭

Reply
1. Anleeno
  2021年5月31日 15:59
  
  @somnus
  
  该评论仅登录用户及评论双方可见
  
  Reply
超超
2021年5月7日 14:42

谢谢,效果很好!

Reply
NF
2021年4月23日 21:08

谢谢分享

Reply