Javascript 帮助在jQuery中设置元素动画

我有一个无序的列表，有几个列表元素

#tags {
    width: 300px;
    height: 300px;
    position: relative;
    border: 1px solid red;
    list-style: none none;
}

#tags li {
    position: absolute;
    background: gray;
    }

我还开始编写jQuery插件来设置列表元素的动画。到目前为止，我将列表元素随机放置在父容器中，并为文本选择随机字体大小

我的下一步（我有点被卡住了）是设置列表元素的动画。。。本质上，我希望列表元素做类似的事情

$(this).css({
   fontSize: percentageTowardsMiddle * 14,

});

• 从左到右滑动，同时从中间稍微变大，然后在碰到右边框时，尺寸下降到正常值
• 然后，它应该反过来做同样的事情，但是它也应该设置一个负的“z指数”，并且可能会在不透明度上稍微淡入

第一个我真正坚持的是，如何确定元素是否接近中间，以某种方式，我可以有一个值，从左边的0.1的大小开始，中间的1，再到右手的大小的0.1。p> 基本上，我希望它们看起来像是在一个人造的3D圆圈中进入页面

那我就可以这样做了

$(this).css({
   fontSize: percentageTowardsMiddle * 14,

});

你知道我怎么做吗

---

谢谢

如果您使用left属性将项目从左向右移动。。。你用百分比表示左属性。。。那么，当左属性大约为50%时，它们会在一半左右？（或者，我猜，50%减去项目宽度的一半…）-HTH