Javascript 非常简单的Jquery动画优化

我已经写了一个简单的Jquery动画代码。它接受rel属性并将其用于每个li.slide的动画输入。 这是可行的，但我觉得这可能不是最好的方法。它可以被简化/优化还是无关紧要

谢谢

Javascript/Jquery年轻人

$（'.slide'，this）.each（函数（）{
var rel=$（this.attr（'rel'）；
var coord=相对分割（'，'）；
var$delay=parseInt（coord[2]）；
var$transition=coord[3]；
var$duration=parseInt（坐标[4]）；
$（this）.delay（$delay）.animate（{'background-position-x'：'50%，'background-position-y'：'0'，opacity:'1'}，$duration，$transition）；
});

HTML示例：

一个简单的方法是使用data-*属性而不是rel

您也可以跳过使用jQuerys animate函数，在动画之外进行所有计算。保存一个计算数组，并使用setInterval函数进行迭代。这也将为更具创造性的开发打开大门，而不仅仅是使用tweens

我在github上发表了一些你可以免费使用的作品。退房 这是一个复杂的计算库，为动画提供了一个简单的界面

更新 刚刚完成创建一个JavaScript，您可以原样使用，也可以从中获得灵感

对于这样的事情，使用它总是一个好主意。