Question

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

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

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

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

我的下一步（我有点卡住）是为列表元素设置动画......本质上，我希望列表元素能够做到这样的事情

从左向右滑动，同时稍微向上滑动到中间，然后在击中右边框时尺寸恢复正常。
然后，它应该反过来做同样的事情，但是它也应该设置一个负的“z-index”，并且可能会略微淡化不透明度。

我真正坚持的第一点，是如何确定元素是否接近中间，以一种方式，我可以在最左边的手尺寸上以0.1开始，在中间是1然后在最右边的尺寸上回到0.1。

基本上，我希望它们看起来好像是在人造3D圈子中进入页面。

然后我可以做这样的事情

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

});

你知道我怎么能这样做吗？

由于

Answer 1

好吧，如果你使用左边的属性从左到右移动项目...并且你使用左边属性的百分比......那么当左边属性大约为50％时它们会在一半左右？（或者，我想，50％减去项目宽度的一半......） - HTH

帮助动画jQuery中的元素

1 个答案: