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

Author： Anleeno
发布时间：September 1, 2020
850views
11 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" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-0c868a7f5d09e2ad3d6fa56402de3b0e830' role="tab" href='#tabs-0c868a7f5d09e2ad3d6fa56402de3b0e830'>HTML结构</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-f98df632cf2254f067da641e3e53b732281' role="tab" href='#tabs-f98df632cf2254f067da641e3e53b732281'>CSS样式</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-f22b88fed43631fb2545099a707414f5892' role="tab" href='#tabs-f22b88fed43631fb2545099a707414f5892'>JS代码</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-0c868a7f5d09e2ad3d6fa56402de3b0e830' class="tab-pane fade active in">
            
<div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div>

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

</div><div role="tabpanel" id='tabs-f22b88fed43631fb2545099a707414f5892' 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 14th, 2020 at 03:01 pm

喜欢就加个鸡腿吧！

11 comments

守兰
2021年2月2日 18:19

|´・ω・)ノ

Reply
1. 熊呢
  2021年2月19日 13:42
  
  @守兰
  φ(￣∇￣o)
  
  Reply
漠子荀
2021年1月29日 12:14

来看看感谢

Reply
污梦
2021年1月5日 06:22

看看效果OωO

Reply
haoyuan
2021年1月2日 19:31

φ(￣∇￣o)

Reply
青柠x
2020年12月18日 19:13

Reply
咩咩咩
2020年11月20日 17:07

Reply
Meng
2020年11月19日 14:53

i了i了OωO

Reply
1. Anleeno
  2020年11月19日 15:42
  
  @Meng
  
  Reply
xjh
2020年9月11日 23:01

666

Reply
1. Anleeno
  2020年9月11日 23:03
  
  @xjh
  那可不
  
  Reply