jQuery无限双向动画
jQuery infinite two-way animation
我的代码需要一些帮助。我定义了一个带有回调函数的无限动画。无限动画对我来说非常棒,但是:
- 一些文本应该向左移动,然后再回到初始位置(平滑)
我需要第二个动画还是?我认为问题将出现在最后一个参数($(this).css(…))中。。。一点也不好。
$(function () {
var moveBasic = function () {
$('ul#softfacts div.basic').delay(1000).animate({
'margin-left': '+=5px'
}, 1000, 'linear', function () {
$(this).css({
'margin-left': '+=5px'
});
moveBasic();
});
}
moveBasic();
});
},
再次使用animate()
:
$(this).animate({
marginLeft: '-=5px'
}).promise().done(function () {
moveBasic()
});
这是指全局对象。尝试使用$('ul#softfactsdiv.basic')而不是这个。
相关文章:
- 原生脚本无限翻译动画
- jQuery无限循环,动画化许多项目
- 使用CSS和Javascript的无限旋转动画
- 不使用递归创建jquery无限动画
- 将画布动画转换为requestAnimationFrame将创建无限循环
- jQuery无限双向动画
- CSS3 动画 - 无限悬停箭头
- 坚持使用Jquery动画无限循环
- 停止无限CSS3动画并平滑恢复到初始状态
- .动画无限循环
- svg路径笔划动画无限
- Javascript/jQuery-背景渐变动画(无限)
- 制作无限动画jQuery
- jQuery动画无限循环
- 无限循环到JS驱动文本缩放动画
- Canvas动画帧渲染:无限循环vs.鼠标移动触发()
- 如何使动画在无限循环中运行
- 没有动画,在画布中无限循环
- 如何修改CSS3滚动框动画无限循环,而不是重新开始
- 模式在javascript中做无限动画没有堆栈溢出