# web_music_mihoyo
- 网页课程设计的作品
- 内容采用js生成，数据使用json格式
- html+css+JavaScript
- 异步加载字体包<br>
<br>
数据样例
```
var gydeta1 = [
{
title:"蒙德城繁忙的午后 Bustling Afternoon of Mondstadt",
text:"作曲 : 陈致逸 Yu-Peng Chen(HOYO-MiX) 指挥 Conductor:Robert Ziegler 乐队 Orchestra:伦敦爱乐乐团 London Philharmonic Orchestra 出品 Produced:HOYO-MiX",
asrc:"audio/md/陈致逸,HOYO-MiX - 蒙德城繁忙的午后 Bustling Afternoon of Mondstadt.mp3",
img_src:"img/mde.png"
},
{
title:"皎洁的笑颜 Moonlike Smile",
text:"作曲 : 陈致逸 Yu-Peng Chen (HOYO-MiX) 乐队配器 Orchestrator:陈致逸 Yu-Peng Chen (HOYO-MiX) 钢琴 Piano:陈致逸 Yu-Peng Chen(HOYO-MiX)",
asrc:"audio/md/陈致逸,HOYO-MiX - 皎洁的笑颜 Moonlike Smile.mp3",
img_src:"img/ljxs.png"
}
]
```
示例网页 <br>
网页设计_课程设计_大作业.zip （59个子文件） 
DSwyff 
PixPin_2024-01-04_11-32-28.png 394KB js 
ys4.js 2KB rl5.js 3KB gy1.js 2KB gd6.js 2KB om3.js 2KB rh2.js 2KB script.js 4KB LICENSE 1KB CNAME 14B audio open_win.mp3 21KB switch_type.mp3 28KB close_win.mp3 22KB switch_task.mp3 9KB img shanhug.png 77KB bing.png 54KB shui.png 46KB
Regression.jpg 5KB 轻涟 by胡夏.png 70KB yuejin.png 83KB sll.jpg 24KB ql.jpg 21KB
loading.gif 103KB alikey.png 38KB huo.png 55KB xier.png 75KB cao.png 51KB fong.png 49KB yan.png 53KB xylz.png 91KB icon.jpg 25KB keli.jpg 27KB lxgj.jpg 7KB zli.jpg 10KB favicon.ico 4KB lei.png 35KB fendan.png 89KB byzl.png 75KB daoqi.png 89KB fyyxr.png 88KB ciwl.jpg 5KB zhyk.png 92KB 轻涟 by谭维维.png 68KB ljxs.png 89KB TruE.png 88KB fuhua.png 55KB syqx.png 67KB yslogo.png 18KB mde.png 86KB liyx.png 76KB xmi.jpg 9KB css style.css 5KB font.css 251B bootstrap-icons.css 93KB
index.html 2KB README.md 1KB fonts zh-cn.ttf 10.93MB bootstrap-icons.woff2 118KB bootstrap-icons.woff 160KB资源评论
