最近跟轮播图杠上了,以前也接触过这个轮播图的写法,但是一般都是用插件,久而久之就忘记了!昨晚有学习了一下自己写这个js,虽然是依靠零散的记忆写出来的,可能自己并未真正理解吧!!!以下是我写的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>小米官网轮播图仿照</title> <style type="text/css"> .container{width: 1226px;height: 460px;margin:0 auto;position: relative;} .container img{position: absolute;;top:0;left: 0;display:none;} .left,.right{position: absolute;width: 30px;height: 60px;top:50%;margin-top:-30px;color:#fff; line-height: 60px;text-align: center; font-size: 30px;cursor:pointer;} .left:hover,.right:hover{background-color: #777171;} .left{left:0;} .right{right: 0;}