1回答

好帮手慕久久

2021-05-26

同学你好，解答如下：

1、轮播图可以使用别人写好的插件（组件）来实现，比如在ant-design中，就提供了现成的轮播图供我们使用（图一）：

具体使用方式，可以参考示例上提供的代码，以如下demo为例，用法如下：

a) 在index.js中，引入轮播图组件：

b) 在carousel.js中，使用ant-design提供的轮播图：

c）样式如下：

​更多使用方式，可以参考ant-design的官网自行拓展（ant-design版本： "antd": "^3.10.9"）。

而动画部分，大多用css3的transition或者@keyframe来完成，例如：

2、可以给元素设置style、class属性来绑定动态样式和类名，并在事件中改变：

更多使用，也需要同学自己拓展啦~

祝学习愉快！

0