Question

我有这样的代码：

distance = screen.width * 0.2;

function moveRight() 
        {
            $("#img1").animate({left: distance, width: '150px'}, 900);
            $("#img22").animate({left: distance, width: '150px'}, 900);
            $("#img33").animate({left: distance, width: '150px'}, 900);
            $("#img44").animate({left: distance, width: '150px'}, 900);
        }

并且上面的代码可以很好地将图像移动到右侧并同时扩展到150px

然后我想将图像移动到左侧，所以我将代码更改为：

function moveLeft() 
        {
            $("#img1").animate({left: (distance * -1), width: '150px'}, 900);
            $("#img22").animate({left: (distance * -1), width: '150px'}, 900);
            $("#img33").animate({left: (distance * -1), width: '150px'}, 900);
            $("#img44").animate({left: (distance * -1), width: '150px'}, 900);
        }

moveLeft函数运行良好，它忽略了左边:(距离* -1）并且只运行宽度：＆＃39; 150px＆＃39;，当我删除宽度时确定150px但是左边：距离* -1很好地工作并移动到左侧，但我怎样才能让它工作向左移动，同时它扩展到150px ??

Answer 1

最后我知道移动点从图像的左角开始向左移动时需要调整移动距离的问题，我知道当我改为img33（距离* -3）时因为我的图像容器比率是20:60:20

css JQuery animate确实没有用

1 个答案: