手风琴banner,先上效果图
一些闲话
- 当然,我知道像这种类型的的效果,我们通过C3来实现— animation: move 1s infinite;
- 是比较方便的而且业比较简单,能才做的效果业比较多,而我这里通过ECMAJavaScript来实现是比较繁杂和老套的,在实际开发过程中我们是尽可能选择方便简单且符合需求的方法来实现的;而我这里缩做的比较符合那做兼容性代码来使用
- 且我们在写和理解这些代码的过程中能为我们打下一个扎实的基础,对我们使用封装过的方法或者修改方法属性和效果来说是有好处的,例如jQuery更利于我们去理解和使用
HTML代码
<div id="box">
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
CSS代码
<style>
ul {
list-style: none;
}
* {
margin: 0;
padding: 0