淺說一下吧 這個小項目由h5和css還有js和jq寫的 主題內容為個人音樂 博客等 首頁一級導航欄 以及側邊欄 整合部分圖標(側邊欄未添加收起操作 時間原因 會的朋友們可以自行添加一個動畫就可以 在main.js中) 中間音樂部分為作者和歌詞 點擊播放的按鈕可彈出對應的視頻mv 視頻mv均為酷狗音樂 ...
淺說一下吧 這個小項目由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
註意:因為該項目含有視頻文件所以會比較大
聲明:文章所使用所有的小圖標均為可商用無版權圖標;視頻文件均為酷狗音樂下載 如有侵犯請聯繫我,我將及時刪除內容。
