小编Bru*_*uno的帖子

我的目标:

• 沿着如下图所示的路径移动/动画图像(可以连接贝塞尔曲线).
• 必须在IE7 +中工作,不要构建多个解决方案.
• 我可以暂停/恢复运动图像.
• 图像将沿着路径继续移动(重复).

路径http://i50.tinypic.com/dwwhhy.jpg

我考虑过的

• CANVAS:IE7 + 8不支持,还没有测试过explorercanvas!预见一些z-index问题.
• SVG,IE7 + 8不支持.
• jQuery.path,一个扩展jQuery动画功能的插件.无法弄清楚恢复部分,我想在支持时使用CSS转换.

我的计划

• 使用CSS 3D变换,CSS 2d变换或jQuery.animate(支持的内容)和requestAnimationFrame为图像设置动画.
• 计算所有坐标并逐个像素地简单移动图像.

我的问题

• 我的计划听起来像疯了吗？更好的建议？
• 你预见到一些性能问题吗？我可能最终得到5K或10K坐标.
• 你知道一个聪明的方法,一个程序,一个函数或类似的东西来计算所有的坐标吗？

我确定解决方案很简单,但我无法弄明白:(我需要在一个选择器中组合两个jquery选择器:

$(this) + $('input[type=text]:first')

$(this)是例如div#selected所以结果应该是:

$('div#selected input[type=text]:first').focus();

怎么做？