HTML5 CSS3创建扁平化个人音乐博客首页

继上一次制作《纯HTML5全功能高仿12306》以后,这一次给大家带来《HTML5  CSS3创建扁平化博客首页》,废话不多说,先上图:

源代码下载:HTML5 CSS3创建扁平化个人音乐博客首页

侧边栏设计:


点击播放按钮弹出的播放界面:

邓福如:《如果有如果》

如果有如果,如果你还在,请,说你爱我

田馥甄:《小幸运》


原来你是我最想留住的幸运

如果你已经迫不及待的想要尝试话,本宝宝奉上所有源代码:

源代码文件清单:

HTML文件:index.html

样式清空文件:reset.css

样式文件:main.css

JQuery文件:jquery.min.js(请自行下载JQuery文件)

JavaScript文件:main.js

注:本项目中使用的视频文件由于比较大,所以没有上传视频文件。读者可在酷狗音乐免费下载MV,在本项目中使用的视频文件名称分别为《邓福如:如果有如果》。

《张悬:关于我爱你》,《田馥甄:小幸运》


源代码下载:HTML5 CSS3创建扁平化个人音乐博客首页

我的微博:同Yong不同样,喜欢就关注我哦。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,761评论 25 709
  • 一个姑娘上了高铁,见自己的座位上坐着一男士。她核对自己的票,客气地说:“先生,您坐错位置了吧?” 男士拿出票,大声...
    楠哲沐英阅读 267评论 0 0
  • 一直在想过年每个人都想在父母身边过年的原因都有什么?撇开那些人人都能想到的阖家团圆的过年喜庆。回家过年,过年回家究...
    一思瑶一阅读 222评论 0 1
  • 今天参加区里的公益活动,为内蒙和山西的孩子们捐赠了一部分图书。 其实从暑假开始,我就逐步进行断舍离,对于图书的清理...
    田园成长阅读 139评论 2 1