用原生js写轮播图(无滑动效果)

用原生js写轮播图(无滑动效果)

非常简单的东西,本人是菜鸡,只是提供一种思路,这应该是最简单的方法。

  1. 先拿出三个图片
  2. 先写出默认显示图片的那张图片的路径。
  3. 写js函数,先定义循环变量 i = 1,再判断 i 的值,根据不同的 i 值来用js改变图片路径。
  4. 再写计时器,来让图片循环滚动。
  5. 再有就是定位小圆点,用无序列表,li内用a标签,同样用js来判断,
    效果如下:
    用原生js写轮播图(无滑动效果)_第1张图片
    中间的小白点就是定位按钮的定位效果,点击哪一个就可以跳到相应的图片上

完整代码如下




    
    Title





``


你可能感兴趣的:(用原生js写轮播图(无滑动效果))