下面是一个使用 HTML、CSS 和 JavaScript 创建的轮播图的代码示例:
HTML:
<div class="slideshow-container">
<div class="mySlides fade">
<img src="img1.jpg" style="width:100%">
<div class="text">标题 1</div>
</div>
<div class="mySlides fade">
<img src="img2.jpg" style="width:100%">
<div class="text">标题 2</div>
</div>
<div class="mySlides fade">
<img src="img3.jpg" style="width:100%">
<div class="text">标题 3</div>
</div>
<a class="prev" onclick="plusSlides(-1)">&#10094;</a>
<a class="next" onclick="plusSlides(1)">&#10095;</a>
</div>