本文实例为大家分享了js图片轮播的具体代码，供大家参考，具体内容如下
主要html代码：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="css/css.css"> <script type="text/javascript" src="/UploadFiles/2021-04-02/animate.js">主要css代码：
/*初始化 reset*/ blockquote,body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0} body,button,input,select,textarea{font:12px/1.5 "Microsoft YaHei", "微软雅黑", SimSun, "宋体", sans-serif;color: #666;} ol,ul{list-style:none} a{text-decoration:none} fieldset,img{border:0;vertical-align:top;} a,input,button,select,textarea{outline:none;} a,button{cursor:pointer;} .w-wrap{ width: 1200px; margin: 100px auto; } .wrap-slide{ position: relative; } .wrap-slide li{ position: absolute; left: 200px; top: 0; } .wrap-slide li img{ width: 100%; } .wrap-slide-arrow{ opacity: 0; position: relative; } .prev,.next{ width: 76px; height: 112px; position: absolute; top: 50%; margin-top: -56px; background: url(../images/prev.png) no-repeat; } .next{ right: 0; background: url(../images/next.png) no-repeat; }以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。