Javascript

个人音乐博客 h5、css和js等

本文主要是介绍个人音乐博客 h5、css和js等,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

浅说一下吧 这个小项目由h5和css还有js和jq写的

主题内容为个人音乐 博客等 首页一级导航栏 以及侧边栏 整合部分图标(侧边栏未添加收起操作 时间原因 会的朋友们可以自行添加一个动画就可以 在main.js中)
中间音乐部分为作者和歌词 点击播放的按钮可弹出对应的视频mv
视频mv均为酷狗音乐下载

文件夹部分:
css--->层叠样式表文件
main.css--->index.html(也就是主页面的样式)
reset.css--->覆盖浏览器默认的css样式
img--->存放页面所有的图片文件(.jpeg、.jpg、.png等图片)
js--->方便一些功能的实现
jquery.min.js--->jquery框架的js文件
main.js---> 页面点击 视频显示的实现
media--->存放页面播放的视频

看一下整体吧 图在下面

侧边栏的设计:

使用display:line-block布局

main部分: 添加了部分音乐播放

底部区域:

下载地址:https://download.csdn.net/download/u010654175/85612241

注意:因为该项目含有视频文件所以会比较大

声明:文章所使用所有的小图标均为可商用无版权图标;视频文件均为酷狗音乐下载 如有侵犯请联系我,我将及时删除内容。

这篇关于个人音乐博客 h5、css和js等的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!