原生js实现摩天轮菜单栏-弧形菜单栏-圆形菜单栏

长话短说，废话少说

看效果

上代码




 
菜鸟教程(runoob.com)

以上是个小demo，相信聪明的你把它跑起来之后稍加调试就能领会其中奥妙了

讲思路

摆位置。把静态的位置排列放好
公转。需要旋转的时候整体去旋转，此时各个item位置自然会发生偏移
自传。如上图，不作处理的话item的朝向永远是向着容器圆心的，所以需要item自转
在需要旋转时公转和自转同时进行
加个transition过渡
齐活

前端爬坑指南

相关

标签