个人音乐博客 h5、css和js等
浅说一下吧 这个小项目由h5和css还有js和jq写的
创新互联专注于企业全网营销推广、网站重做改版、南岗网站定制设计、自适应品牌网站建设、成都h5网站建设、商城网站建设、集团公司官网建设、成都外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为南岗等各大城市提供网站开发制作服务。
主题内容为个人音乐 博客等 首页一级导航栏 以及侧边栏 整合部分图标(侧边栏未添加收起操作 时间原因 会的朋友们可以自行添加一个动画就可以 在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/u0/
注意:
因为该项目含有视频文件所以会比较大
声明:文章所使用所有的小图标均为可商用无版权
图标;视频文件均为酷狗音乐下载 如有侵犯请联系我,我将及时删除内容。
文章标题:个人音乐博客 h5、css和js等
标题URL:http://scyanting.com/article/dsojeoi.html