JS焦点轮播效果实现无限滚动图片切换

完美实现js焦点轮播效果(二)（图片可滚动） 本文主要讲解了如何使用js实现焦点轮播效果，并且实现了图片的滚动切换和无限滚动。下面是相关的知识点： 1. 使用函数递归实现图片滑动切换：在js中，我们可以使用递归函数来实现图片的滑动切换。递归函数可以让图片在点击时滑动到下一张图片，并且可以实现无限滚动的效果。 2. 辅助图片实现图片无限滚动：为了实现图片的无限滚动，我们可以在最后一张图片后面添加一张相同的图片，这样当用户点击“下一张”按钮时，图片就会滚动到第一张图片，而不是出现中间的几张图片快速闪过的效果。 3. 使用css实现图片的样式布局：在本文中，我们使用css来实现图片的样式布局，包括图片的宽高、margin、padding、border等样式。 4. 使用js实现图片的点击事件：我们可以使用js来实现图片的点击事件，当用户点击某张图片时，图片就会滑动到下一张图片。 5. 实现图片的无限滚动：为了实现图片的无限滚动，我们可以使用js来实现图片的滚动效果，并且使用辅助图片来实现无限滚动的效果。 6. 使用css实现图片的动画效果：在本文中，我们使用css来实现图片的动画效果，包括图片的滑动、闪过等效果。 7. 实现图片的点击切换：我们可以使用js来实现图片的点击切换，当用户点击某张图片时，图片就会滑动到下一张图片。 8. 使用js实现图片的自动播放：我们可以使用js来实现图片的自动播放，例如可以使用setInterval函数来实现图片的自动播放。 9. 实现图片的导航按钮：我们可以使用js和css来实现图片的导航按钮，例如可以使用prev和next按钮来实现图片的上一张和下一张的效果。 10. 实现图片的样式自适应：我们可以使用css来实现图片的样式自适应，例如可以使用media query来实现图片的样式自适应。 本文主要讲解了如何使用js和css来实现图片的焦点轮播效果，并且实现了图片的滚动切换、无限滚动、点击事件、动画效果等功能。