html5表格左右滑动H5教程之超简略的图片阁下切换滑动

效果预览如下图：

代码如一下部分：

<!DOCTYPE html><html><head><meta charset=\"大众utf-8\"大众> <title>超大略的图片旁边切换滑动</title> <script src=\"大众https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js\公众></script><script>var cot=0;//设置一个计数器，初始值为0；浸染是用来监听点击切换的时候哪一个图片该当隐蔽或者显示function nex(){ if(cot<=2){ $('.imgs img').eq(cot).animate({'margin-left':'-305px'},500); cot++; }}function pre(){ if(cot>0){ cot--; $('.imgs img').eq(cot).animate({'margin-left':'0'},500); }}</script></head><body> <div style=\公众width:900px;margin:auto;overflow:hidden\"大众>  <div class=\"大众imgs\"大众 style=\公众width:50000px;\公众> <img src=\公众1.jpg\"大众 /> <img src=\公众2.jpg\公众 /> <img src=\公众3.jpg\公众 /> <img src=\"大众4.jpg\"大众 /> <img src=\"大众5.jpg\公众 /> <img src=\"大众6.jpg\"大众 /> </div> <div> <div onclick=\公众pre()\公众 style=\公众float:left;cursor:pointer\"大众>上一页</div> <div onclick=\"大众nex()\公众 style=\"大众float:right;cursor:pointer\"大众>下一页</div> </div> </div></body></html>

如果你想要在短韶光内节制HTML5专业技能，不妨就选择千锋重庆HTML5技能开拓培训。
千锋重庆HTML5技能开拓培训课程采取100%全程面授传授教化，谢绝视频同步授课，谢绝双元视频班传授教化，谢绝直播授课，西席一对一辅导学员做项目，全新打造“主流技能+前沿技能+企业级联动”传授教化课程，重新优化和定义编程措辞，采取最新版本技能开展传授教化，致力于为学员打造最牛的、最新的技能，助力学员拿下BAT级企业Offer。