HTML+CSS+JS 仿YONEX尤尼克斯官方网站学习案例

提示：本案例设计页面布局样式参考 YONEX尤尼克斯官方网站 ，通过纯手写HTML+CSS+JS实现，仅供学习参考

---

前言

本人是一个羽毛球爱好者，也是尤尼克斯的忠粉及使用者，本案例为学习阶段的仿照实现案例，页面所涉及图片、视频等均取用自 YONEX尤尼克斯官方网站 ，样式布局根据官方网站布局设计并加入了个人想法进行了修改。

声明：本案例非官网代码转载，为仿照官方页面样式进行学习实现的案例。

页面运行效果视频展示：

YONEX

---

页面及案例包截图预览

本案例将每个页面拆分为单独HTML文件，并提出公共CSS代码、JS代码作单独文件引入HTML模块使用，减少重复代码，优化案例代码总量。

下图为本案例项目包及运行页面截图

总结

本案例因文件资源较多，代码量较大已整合为资源包，如有需要可下载学习参考，有问题欢迎评论区留言！！