Как позиционировать элементы как кривые с помощью jQuery .each()

Question

Это немного необычный запрос, поскольку я знаю, что есть плагины там, чтобы позиционировать элементы вдоль кривой Безье, однако по целому ряду причин, по которым я не пойду в, эти методы не применимы для этого приложения.

Мне нужно выполнить итерацию по набору элементов с помощью jQuery каждой функции и эмулировать кривую, которая кривая слева, снизу вверх.

Как так: -

O 
O 
O 
O 
O 
O 
    O 

мне нужно хранить число элементов в переменной с помощью .size()

И из этого числа выполнить расчет, чтобы отработать Css оставил имущество, зависит по индексу элемента.

Математика, к сожалению, не моя сильная сторона, и я зацикливаюсь на используемой формуле, и как бы я продолжал выполнять итерации через элементы с помощью jQuery .each() и применять изменения css для каждого элемента.

Число элементов будет динамически меняться, поэтому в формулу должны быть включены как количество элементов, так и индекс каждого элемента.

Может ли кто-нибудь дать мне хотя бы отправную точку относительно того, как я буду идти без кодирования в jQuery? (или используя аддон позиции в jqueryUI)

Answer 1

Это немного сложнее. но вам необходимо убедиться, что все элементы имеют следующее положение:

relative, absolute, или fixed, чтобы разместить их так.

Что-то вроде этого: http://jsfiddle.net/maniator/PPRKF/

Answer 2

Там на самом деле плагин JQuery, чтобы сделать именно это jCurvy

Fiddle Demo

---

Он даже поставляется с хорошим дизайном интерфейса для генерации кодов точек для вас как вы хотите здесь http://jcurvy.com/design.html?design=1

Просто перетащите test1, test9, а красный 1/2 указывает на форму кривой, как вы хотите, и код генерируется выше для использования с плагином.