Jquery 如何设置元素的动画，同时更改其不透明度？

我希望一个元素从左到右制作动画，将其不透明度从0更改为1

我已设置元素的动画，但无法同时更改其不透明度

这是我目前掌握的代码：

$（“#moveIt”）.animate（{left:0，不透明：“show”}，1500）
#移动它{
位置：相对位置；
左：200px；
高度：300px；
宽度：300px；
背景色：红色；
}

这就是我想搬家的部门
初始化不透明度


$（“#moveIt”）。设置动画（{左：0，不透明度：1}，1500）；//将不透明度设置为1
#移动它{
位置：相对位置；
左：200px；
高度：300px；
宽度：300px；
背景色：红色；
不透明度：0；/*不透明度为零*/
}

这就是我想搬家的部门
初始化不透明度


$（“#moveIt”）。设置动画（{左：0，不透明度：1}，1500）；//将不透明度设置为1
#移动它{
位置：相对位置；
左：200px；
高度：300px；
宽度：300px；
背景色：红色；
不透明度：0；/*不透明度为零*/
}

这就是我想搬家的部门
不透明度属性的值可以从0.0到1.0


改变

$("#moveIt").animate({left:0, opacity:"show"}, 1500);

到

如果要淡入，请使用css将页面加载时的不透明度设置为0，并使用.animate（）将其更改为1


$（“#moveIt”）.animate（{左：0，不透明度：1}，1500）
#移动它{
位置：相对位置；
左：200px；
高度：300px；
宽度：300px；
背景色：红色；
不透明度：0；
}

这就是我想搬家的部门
不透明度属性的值可以从0.0到1.0


改变

$("#moveIt").animate({left:0, opacity:"show"}, 1500);

到

如果要淡入，请使用css将页面加载时的不透明度设置为0，并使用.animate（）将其更改为1


$（“#moveIt”）.animate（{左：0，不透明度：1}，1500）
#移动它{
位置：相对位置；
左：200px；
高度：300px；
宽度：300px；
背景色：红色；
不透明度：0；
}

这就是我想搬家的部门
您可以用更具CSS的解决方案替换.animate（）

例如：
$（文档）.ready（函数（）{
$（“#moveIt”）.addClass（'animate'）；
});
.element{
位置：相对位置；
左：200px；
高度：300px；
宽度：300px；
背景色：红色；
过渡：所有1.5s；/*在此更改速度（1.5s）*/
不透明度：0；
}
/*要设置动画的值*/
.制作动画{
不透明度：1；
左：0；
}

这就是我想搬家的部门
您可以用更具CSS的解决方案替换.animate（）

例如：
$（文档）.ready（函数（）{
$（“#moveIt”）.addClass（'animate'）；
});
.element{
位置：相对位置；
左：200px；
高度：300px；
宽度：300px；
背景色：红色；
过渡：所有1.5s；/*在此更改速度（1.5s）*/
不透明度：0；
}
/*要设置动画的值*/
.制作动画{
不透明度：1；
左：0；
}

这就是我想搬家的部门
谢谢！我没有注意到我可以更改
animate
函数上的
opacity
值。我现在觉得自己好笨……NP:）很高兴能帮上忙：）谢谢！我没有注意到我可以更改
animate
函数上的
opacity
值。我现在觉得自己好笨……NP:）很高兴能帮上忙：）谢谢你的回答。这正是我想要的，但我最终认为@Deep-response更完整一点+谢谢你的回答。这正是我想要的，但我最终认为@Deep-response更完整一点+1顺便说一句