超简单的图片左右切换滑动

网上看过很多图片左右切换滑动的效果，不过大都是使用插件实现。插件虽方便，但是对于新手的学习并不是最好的。本文使用jquery这个由原生的JavaScript封装的库，用最简短的代码实现此功能

效果预览如下图：

代码部分（直接复制代码便可使用，注意对应的图片路径改成自己的图片路径，图片大小建议300*300）

"utf-8"> 
 




"width:900px;margin:auto;overflow:hidden"> 
  
"imgs" style="width:50000px;">
    "1.jpg" />
    "2.jpg" />
    "3.jpg" />
    "4.jpg" />
    "5.jpg" />
    "6.jpg" />
  
  

    
"pre()" style="float:left;cursor:pointer">上一页
    
"nex()" style="float:right;cursor:pointer">下一页
  


复制代码

转载于:https://juejin.im/post/5c8f4bcaf265da60fc469775