Question

在我们的网站上，我们有一个徽标标题文字，旁边有其他文字，会定期淡出并更改文字。

问题是，只要徽标悬停在文本上，淡入淡出就不会产生下一阶段的文本，即使徽标不再悬停在上面也不会回来。

如何阻止文字消失而不返回？

这个代码是

 //FADER TEXT
        $('#headerFader').carousel({
            interval: 2500,
            pause: false
        });

        //BACK HOME TEXT
       $('#headerText').hover(
           function(){
               $(this).find("h1#masterHeader").animate({opacity:0}, 0, function(){
                   $(this).css("display", "none");
                   $('#headerText').find("h1#takemeback").css("display", "block");
                   $('#headerText').find("h1#takemeback").animate({opacity:1,});
               });
           },
           function(){
               $(this).find("h1#takemeback").animate({opacity:0}, 0, function(){
                   $(this).css("display", "none");
                   $('#headerText').find("h1#masterHeader").css("display", "block");
                   $('#headerText').find("h1#masterHeader").animate({opacity:1,});
               });
           }
       );

解决这个问题我在第二个函数中复制了headerfader，就像这个

一样

function(){
       $(this).find("h1#takemeback").animate({opacity:0}, 0, function(){
           $(this).css("display", "none");
           $('#headerText').find("h1#masterHeader").css("display", "block");
           $('#headerText').find("h1#masterHeader").animate({opacity:1,});
           //FADER TEXT
            $('#headerFader').carousel({
                interval: 2500,
                pause: false
            });

       });
   }

有没有更优雅的方式来做这个而不是重复头文件？

Answer 1

您的动画函数中似乎有一个逗号，

$('#headerText').find("h1#takemeback").animate({opacity:1,});

尝试删除它，看看会发生什么。

将鼠标悬停在动画文本上后，文字淡出不会返回

1 个答案: