javascript - jquery animate动画如何可以做到left值累加累减（累加累减的值是动态计算出来的）

问题描述

问 题

我在使用animate方法做动画的时候碰到一个这样的问题，望大神指导。

//比如通常我们用jq animate动画的时候会这样写

//假设listSlide是一个ul标签，里面有些li标签
listSlide.animate({
    left:"+=100px"   //这样就会累加100px的距离
},500);

//但是现在我的累加累减的值是根据我前面的方法动态计算出来的
listSlide.animate({
   left:-itemWidth   //itemWidth变量是动态计算出来的宽度，但是这样却不能累加或者累减
    //假定itemWidth的值时400 typeof为number，那么如何做到累加累减
    //现在这样写点一下仅仅是把left的值减了400px的距离，然后就没了，不论再怎么点击都没效果了
    
},500)

请问这样的问题应该要怎么解决！

解决方案

left: "-=" + itemWidth + "px"

这篇关于javascript - jquery animate动画如何可以做到left值累加累减（累加累减的值是动态计算出来的）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！