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

September 1, 2020

459views

14223 words

应网友要求，现把基本源码给出来。需要自取，注明出处。设计：
<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-92df7da2adb549b482348b51be0d4124960' role="tab" href='#tabs-92df7da2adb549b482348b51be0d4124960'>HTML结构</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-7af1e4a3c21b0c88772ee378b037b112851' role="tab" href='#tabs-7af1e4a3c21b0c88772ee378b037b112851'>CSS样式</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-de067554a7fd79dcffe38afc47e14eb5202' role="tab" href='#tabs-de067554a7fd79dcffe38afc47e14eb5202'>JS代码</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-92df7da2adb549b482348b51be0d4124960' class="tab-pane fade active in">
            
<div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div>

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

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

喜欢就加个鸡腿吧！

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

Anleeno • 2020 年 09 月 01 日

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

Meng
2020年11月19日 14:53

i了i了OωO

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

666

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

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

5 comments

Leave a Comment Cancel reply

Hexo建站简史-搭建篇

重新设计了博客Logo和博客的其他美化修改教程

RSS-万物皆可"吃"，零基础用PM2管理器搭建私人RSSHub和跨域服务订阅微博和B站等优质内容

JS小练-防止HTML网页被修改调试、鼠标右键、复制等操作

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

JS实现输入框打字彩色气泡（烟花）

周志华《机器学习》学习笔记

重新设计了博客Logo和博客的其他美化修改教程

Peter Harrington-《机器学习实战》学习笔记

RSS-万物皆可"吃"，零基础用PM2管理器搭建私人RSSHub和跨域服务订阅微博和B站等优质内容

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