2023年12月26日发(作者：)

开关灯 好了，有了这个属性做圆点跟随变化效果就容易多了，上代码html代码：

body{ max-width: 540px; min-width: 320px; margin: 0 auto; font: normal 14px/1.5 tahoma,"lucida grande",verdana,"microsoft yahei",stxihei,hei; color: #000; background: #f2f2f2; overflow-x: hidden; -webkit-tap-highlight-color: transparent; height: 1000px;}a{ text-decoration: none; color: #222;}div{ box-sizing: border-box;}ul,ol{ list-style: none; margin: 0; padding: 0;}/*

焦点图模块 */.focus { position: relative; overflow: hidden;}.focus img { width: 100%;}.focus ul{ width: 500%; overflow: hidden; margin-left: -100%;}.focus ul li{ float: left; width: 20%;}.focus ol { position: absolute; bottom: 5px; right: 5px; margin: 0px;}.focus ol li { display: inline-block; width: 5px; height: 5px; background-color: red; border-radius: 2px; transition: all .3s;}.focus .current{ width: 15px;}js代码：