原生js+jquery实现轮播图+思路详解(超简单)

原生js+jquery实现轮播图+思路详解(超简单)_第1张图片
序言
现在有很多方法可以写一个轮播图,框架,css3 ,bootstarp等都可以做出一个漂亮的轮播图,为了提高js能力 现在用原生js和jq各写一个轮播图。
思路详解:

  • 先实现轮播图可以自左到右轮播,轮播到最后一张图时,反向轮播,转移至反复循环。
  • 可以用左右键来控制图片轮播的方向。
  • 点击下方的小按钮来选择某张图片

HTML部分

< >

CSS部分


JS部分


最后jq的原理和js是一样的:
JQ部分


``

你可能感兴趣的:(原生js+jquery实现轮播图+思路详解(超简单))