作为一个Javaweb工程师既要写的了后端代码也要写的了前端页面,下面介绍一下我最近新学的原生js写前端轮播图。
一、
就是这么简单,试试吧!
- <div class="wrap" id="wrap">
- <ul id="pic">
- <li><img src="http://img.mukewang.com/54111cd9000174cd04900170.jpg" alt=""></li>
- <li><img src="http://img.mukewang.com/54111dac000118af04900170.jpg" alt=""></li>
- <li><img src="http://img.mukewang.com/54111d9c0001998204900170.jpg" alt=""></li>
- <li><img src="http://img.mukewang.com/54111d8a0001f41704900170.jpg" alt=""></li>
- <li><img src="http://img.mukewang.com/54111d7d00018ba604900170.jpg" alt=""></li>
- </ul>
- <ol id="list">
- <li class="active">1</li>
- <li>2</li>
- <li>3</li>
- <li>4</li>
- </ol>
- </div>