如何使用jQuery .each（）将元素定位为曲线

这是一个稍微不同寻常的请求，因为我知道有一些插件可以沿着贝塞尔曲线定位元素，但由于各种原因我不会参与，这些方法不适用于此应用。

我需要使用jQuery每个函数迭代一组元素，并模拟从左到右向左弯曲的曲线。

像这样： –

O O O O O O O 

我需要使用.size（）存储变量中的元素数量

并从此数字执行计算以计算css left属性，具体取决于元素的索引。

数学是不幸的不是我的强项，我坚持使用的公式，以及如何使用jQuery .each（）迭代元素并将css更改应用于每个元素。

元素的数量将动态变化，这就是为什么元素的数量和每个元素的索引都需要包含在公式中。

任何人都可以给我至少一个起点，我将如何在jQuery中进行编码？ （或使用jqueryUI中的位置插件）

Answer 1

这有点复杂。 但你需要确保所有元素都有一个位置：

relative ， absolute或fixed ，以便像那样定位它们。

像这样： http ： //jsfiddle.net/maniator/PPRKF/

Answer 2

实际上有一个jQuery插件可以做这个jCurvy

小提琴演示

---

它甚至还带有一个漂亮的设计界面，可以生成点代码，让您按照自己想要的方式对元素进行曲线调整http://jcurvy.com/design.html?design=1

只需拖放test1 ， test9和红色的2点，即可根据需要调整曲线形状，并在上面生成代码以与插件一起使用。