用html和css实现轮播图的两种方法 animationname指定需要绑定到选择器的关键帧的名称Animationduration指定完成动画所需的时间，以秒或毫秒为单位动画计时功能指定动画的速度曲线Animationdelay指定动画开始前的延迟Animationiterationcount指定动画播放的次数Animationdirection指定动画是。

你说的应该是轮播图吧，这需要配合JavaScript知识给你具体代码图片自己更换lt！doctype htmllthtmlltheadltmeta charset=quotutf8quotltmeta。

HTML中图片轮播代码如下lt！DOCTYPE htmllthtmlltheadlttitle图片轮播代码lttitleltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth，initialscale=10，maximumscale=10，minimumscale=10，userscalable=0quotltheadltstyle type=quottextcssquot bodymaxwidth。

可以使用JavaScript来添加点击左右箭头来切换图片的功能你可以为每个箭头添加一个onclick事件，然后使用JavaScript代码来设置图片的src属性，以改变显示的图片html中图片如何自动切换？1html轮播图定时器自动切换原理是触发事件更换图片根据查询相关公开信息显示，加入定时器，自动触发事件更换图片，图片存储。

这里有一个参考代码 lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitleHello MUIlttitle ltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1，maximumscale=1，userscalable=noquot ltmeta name=quotapplemobilewebappcapablequot content=quotyesquot ltmeta name=。

一般幻灯片尺寸上会有三个属性，找到这三个属性，改成你对应的即可幻灯片展示区域宽高 幻灯片图片宽高一般与展示区域相同宽高幻灯片轮播效果宽高比如轮播需要移动多少像素，一般是跟展示区域相同如果楼主能提供代码，我想我会直接的帮助到你。