Question

我想一起使用animate元素top和fadeOut效果

.spot-info

这里是html

parent(0

我希望我的文字动画中心div可以在我的图像上显示淡入淡出效果，如果你可以帮助提高不透明度背景

 $('.img-animate-cont').mouseover(function(){
      $(".text-anim").fadeIn({queue: false, duration: 400});
      $(this).find(".text-anim").stop().animate({top:"200px"},400);
    });

    $('.img-animate-cont').mouseout(function(){
      $(".text-anim").fadeOut({queue: false, duration: 400});
      $(".text-anim").stop().animate({ top: "0" }, 400);

我希望我的文字动画中心div可以在我的图像上显示淡入淡出效果，如果你可以帮助提高不透明度背景

Answer 1

你需要链接它们：

$('.img-animate-cont').mouseover(function(){
      $(".text-anim").fadeIn({queue: false, duration: 400}).animate({top:"200px"},400);
    });

    $('.img-animate-cont').mouseout(function(){
      $(".text-anim").fadeOut({queue: false, duration: 400}).animate({ top: "0" }, 400);
    });

不确定您的DOM是什么样的，因此可能需要进行一些编辑。但这是我答案的来源： https://forum.jquery.com/topic/multiple-simultaneous-animations-on-a-single-element

Jquery动画和淡化效果在一起

1 个答案: