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

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

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

</div><div role="tabpanel" id='tabs-f25c910d807c2a04e8b10c6b0087b4cd912' 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

喜欢就加个鸡腿吧！

8 comments

污梦
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