当青训营遇上码上掘金
很荣幸能加入青训营进行学习，基于前端方向，我选择了主题1：我的名片进行主题创作。
-
我的名片
名片是向人介绍自我的重要工具，作为一名程序员用代码做自我介绍是一件非常酷炫的事情。请大家围绕“我的名片”这个主题进行代码创作。
-
我的创作思路
作为一名前端程序员，我选择使用web页面进行自我介绍，使用HTML+CSS+Javascript创建一个页面，包括四部分：
- 第一部分：介绍/引言部分，语言描述，点击按钮即可进入我的自我介绍，其中按扭键加上了霓虹灯动画样式，可变化不同色彩。
- 第二部分：基本信息部分，主要使用H2和h4标签，介绍了姓名、年龄、星座、学校（带有链接）、家乡等基本信息，插入家乡图片，将图片进行绝对定位。
- 第三部分：特长部分，同样主要使用H2和H4标签，介绍了各种特长，添加图片进行绝对定位，加上边框样式。
- 第四部分：爱好部分，使用CSS样式实现多张图片的自动切换：为每张图片添加动画效果，设置动画周期和动画时间，通过设置每张图片的Index和添加位移动画实现图片自动移动并覆盖上一张图片。
- 页面切换实现：自我介绍的三个分布最右边带有上一页/下一页按钮，点击按钮实现Click功能，在js中获取到四个部分的元素后，接收到点击事件，设置其他页面的display样式为none,目标元素的display样式为block。
-
总结
- 以上为我的创作思路，总体来说，作品的布局样式和代码优化方面还有很大的改进空间，感谢大家的建议~
