当青训营遇上码上掘金--我的名片

当青训营遇上码上掘金

主题 1：我的名片

名片是向人介绍自我的重要工具，作为一名程序员用代码做自我介绍是一件非常酷炫的事情。请大家围绕“我的名片”这个主题进行代码创作。

在本次青训营中，我选择主题一进行创作，将我的部分个人信息在页面中展示。
首先是在名片中最重要的是名字与联系方式，我将名字与邮箱写在页面的最开头，并使用链接与“mailto:”实现点击邮箱即可向我发送邮件。

在接下来的界面中，使用下拉一级标题展示主要信息。

对此的css样式，设定width为800px;外边距为自动。
在这之中，可以设定二级标题。

在标题被展开后，加号变为减号，可根据需求进行折叠。同时在css中也可以更改背景颜色。或是给二级标题加上边框。box-shadow给标题边框添加阴影。

并且在页面中添加了展示图片，将鼠标移动，即可变化下一张，可以根据自我需求调节图片展示内容和张数。 我在此添加了4张图片，并将margin设为auto，修改图片展示位置。

该图片使用<img >tag，并在<script>中添加数组，每个元素为一个图片链接，从index=0时开始展示，构建函数，当鼠标出现在图片上时，触发函数，对index进行增加，并展示数组顺序的下一张。

    index++;//切换到下一张索引 
    if(index>imgarr.length-1)
    {
        index=0;
    }
    img.src=imgarr[index];