手风琴效果
(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.)出来后是这种效果就可以了(快的话可以把速度调少一点,他是在右边向左移动)。