如何制作简单的轮播

1.首先，我们打开DW，新建一个HTML，CSS，还有一个JS文件。我们把它们保存到同一个文件夹下，再用link标签引入css样式文件到新建的HTML文件里。

2.然后，再给它一个<div>,给他一个类，设置类名为container。然后，再给一个用来放图片的div，给它一个类，设置类名为list。

3.之后我们用img标签引入图片。

4.然后，再给它一个<div>,给他一个类，设置类名为buttons，再写底部按钮和左右箭头。

 

5.之后，我们再设置第一个div的样式，还有第二个div的样式

6.然后，设置buttons按钮的样式，再设置单独设置类名为on的背景颜色和字体颜色。

7.然后我们再设置类名为container的div中a标签的样式，还有左右按钮和边框的距离

8.然后我们再写轮播动画的JS样式

 

 

9.然后我们用<script></script>标签引入JS样式文件。

10.最后我们用浏览器打开就好了。