幫助動畫jQuery中的元素

我有一個無序的列表與幾個列表元素。幫助動畫jQuery中的元素

#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, 

});

你知道我怎麼能這樣做呢？

感謝

來源

2010-03-30 alex

好吧，如果你使用left屬性移動項目從左至右...您使用百分比爲左財產......然後他們會半路左右時，是剩下的財產約爲50％？（或者，我猜，50％減去項目寬度的一半...） - HTH

來源

2010-03-30 11:59:09 FOR

幫助動畫jQuery中的元素

回答

相關問題