Javascript 更改'的宽度；分区'；轮换之后？

请查收

$（“.circ部分”）.hover(
函数（）{
$（此）。宽度（90）；
}，函数（）{
$（此）。宽度（60）；
}
);
变量角度=0，中心X=120，中心Y=150，
总计=$（“.circ部分”）。长度，
步骤=（2*Math.PI）/总计，
半径=100；
对于（变量i=0；i
*{margin:0；padding:0；}
.保监会部分{
背景：红色；
位置：绝对位置；
宽度：60像素；高度：30像素；
变换原点：左中心；
}
.首先{
背景：绿色；
}

x
x
x
x
x
尝试玩
变换原点：


只需添加
变换原点：0到
circ部分
将移除该动作。然而，它看起来像垃圾。您必须根据需要调整它。
您正在增加宽度，但没有调整位置。试试这个：

$( ".circ-part" ).hover(
   function() {
     $(this).width(90);
     $(this).css({left: -15});
   }, function() {
     $(this).width(60);
     $(this).css({left: 0});
   }
 );