小编kla*_*isz的帖子

jquery - 重复X次动画

我怎样才能更有效地写这个?

HTML

<div class="navigation-left">left</div>
<div class="navigation-right">right</div>
Run Code Online (Sandbox Code Playgroud)

JS

$(document).ready(function(){
    var offs = 0,
        speed = 700;

    $('.navigation-left').animate({
        left: offs,
        opacity: 0
    }, speed)
    .animate({
        left: 70 + offs,
        opacity: 100
    }, speed)
    .animate({
        left: offs,
        opacity: 0
    }, speed)
    .animate({
        left: 70 + offs,
        opacity: 100
    }, speed)
    .animate({
        left: offs,
        opacity: 0
    }, speed)
    .animate({
        left: 70 + offs,
        opacity: 100
    }, speed)
    .animate({
        left: offs,
        opacity: 100
    }, speed);

    $('.navigation-right').animate({
        right: offs,
        opacity: 0
    }, speed)
    .animate({
        right: 70 …
Run Code Online (Sandbox Code Playgroud)

queue jquery animation repeat

5
推荐指数
2
解决办法
5593
查看次数

标签 统计

animation ×1

jquery ×1

queue ×1

repeat ×1