手风琴效果（作品思路出自老师）

                          手风琴效果

（1.）给他div,然后为他类名（类名随意），
2

（2.）给他设置标签，然后a标签里面设置em标签,a标签要被上面的div包裹住（em标签里面设置的是手风琴的头部，后面的001是内部内容）
3.

（3．）可以设置多个a标签，（按个人喜好）

（4.）创建css，引入css样式，给他导入到源代码中

（5.）然后可以在刚才创建的css里面设置手风琴的内容，宽为140像素，高为448像素，固定定位，最后个是鼠标移入是小手状态，
6.

（6.）给他标签设置：行内元素转换为块级元素，宽高各位140像素和30像素，颜色为白色，外下边距为2像素，字体大小为12像素，字体颜色，还有行高，设置动画坐标为x轴，移动距离为110像素，移动效果：0.2秒，速度中等。
7.

（7.）em标签也要设置，先让他行内变快级，宽高都是30像素，颜色，字体大小为16像素，字体颜色为白色，文字居中。
8.
（8.）给它a标签设置尾类，x轴移动为0像素（移动上去就会变成0像素）
9.

（9.）然后就可以给他的a标签设置移动速度了，上面的1是选到第一个a标签，下面是移动的时间为0.05秒。
10.

（10.）总共有5个，就设置5个（之前在源代码中设置的a标签数量，时间是0.05的加，可以按自己的时间速度来）
11.

（11.）出来后是这种效果就可以了（快的话可以把速度调少一点，他是在右边向左移动）。