个人音乐博客 h5、css和js等
2022/6/11 23:52:06
本文主要是介绍个人音乐博客 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等的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-03-30[OIDC in Action] 2. 基于OIDC(OpenID Connect)的SSO(纯JS客户端)
- 2024-03-29terraform jsonencode
- 2024-03-13vuex-persist
- 2024-03-11icons for vue
- 2024-03-07breadcrumbs react js
- 2024-03-06react login page example
- 2024-03-06react router uselocation
- 2024-03-04postgres jsonb_set
- 2024-03-01react native uuid
- 2024-02-29vuejs sidebar