幻灯片（Slideshow）是网页常用的功能，今天我们就来看看W3Schools的幻灯片教学。W3SchoolsSlideshowTeachingSlideshowExampleSimplifiedSlideshowExampleVideoLinkB站YouTubeSlideshow(Slideshow)我将幻灯片效果的基本逻辑整理如下：隐藏所有幻灯片图片(display:none);在JavaScript中设置图片索引为1，显示索引指向的图片；在显示每个图像之前，再次隐藏所有图像。当点击左右箭头时，改变索引（left-1，right+1），或者索引超过图片总数，则重新设置为1，反之，则执行图片显示功能。为了突出重点，我简化了W3Schools上的例子，去除了渐变效果、图片文字（Caption）和圆点导航等，只保留最基本的图片和左右箭头。先看HTML，其实就是一个容器，三张图片，加上左右箭头："宽度：100%">
