本文實(shí)例為大家分享了js圖片輪播的具體代碼,供大家參考,具體內(nèi)容如下
創(chuàng)新互聯(lián)-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比薛城網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式薛城網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋薛城地區(qū)。費(fèi)用合理售后完善,十余年實(shí)體公司更值得信賴(lài)。
主要html代碼:
Document
主要css代碼:
/*初始化 reset*/ blockquote,body,button,dd,dl,dt,fieldset,form,h2,h3,h4,h5,h6,h7,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; }
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。