Question

if(flag==0)
{
    $("#side1").css("z-index","999");
    $("#side2").css("z-index","9");
    $("#side3").css("z-index","9");
    $("#side1").css("transform","translateX(0px) scale(1.5)");
    $("#side2").css("transform","translateX(-100px) scale(1)");
    $("#side3").css("transform","translateX(100px)");
    flag=1;
}

我需要使用jquery animate来做这个而不是css有没有这样做不使用任何插件？

Answer 1

首先，您需要设置元素的初始样式＆＃34;＃side1＆＃34;，animate（）方法会将您的初始样式转换为更新的样式。

$("#side1").animate({
    transform: "translateX(0px) scale(1.5)",
  }, 5000, function() {
    // Things to do when animation is complete.
});

在这个例子中，

5000是动画的持续时间，以毫秒为单位。

如何使用jquery animate做$（“＃side1”）。css（“transform”，“translateX（-100px）scale（1）”）？

1 个答案: