var set= { width: 80, //每个宽度 num :8 //个数 }; function translateZ(opts) { return Math.round(opts.width / (2 * Math.tan(Math.PI / opts.number))); }; var znum = translateZ({ width: set.width, number: set.num }); for(var i=0;i < set.num;i++){ var rotateY = (360/set.num)*i; var style = 'transform:rotateY('+rotateY+'deg) translateZ( '+znum+'px );' carousel.insertAdjacentHTML("beforeend", '<figure style="'+style+'">'+(i+1)+'</figure>'); };01.
02.
03.
04.
05.
06.
07.
08.
09.
10.
11.
12.
13.
14.
15.
16.