文章/答案/技术大牛

发布

社区首页 >问答首页 >将悬停功能推迟到动画停止后？

问将悬停功能推迟到动画停止后？
EN

Stack Overflow用户

提问于 2013-05-18 16:04:49

回答 1查看 152关注 0票数 1

编辑:我现在意识到，只有当用户在延迟时间内停留在文本上时，颜色才会发生变化。如何将悬停功能延迟到动画停止之后？

我不是javascript编码器，所以我很难弄清楚这里缺少的是什么。我有两个divs-侧栏和biotext，这是客户想要的行为：

都装车，侧边栏稍后的生物。40秒后，生物衰减到20%，侧边栏消失到80%。

在那之后，生物只会在悬停时消失。

现在，所有这些都在起作用，除了40秒之后，生物文字再次暗闪1秒，然后回到光明。我相信这很简单。有什么想法吗？divs根本不嵌套。使用jquery/1.9.1/jquery.min.js

http://www.halamufleh.com/about

谢谢!

$(document).ready(function () {
    // fade in content.
    $('#biotext').fadeIn(2000).delay(40000).fadeTo(5000, 0.20);
    $('#sidebar').fadeTo(4000, .6).delay(40000).fadeTo(2000, .8);
    $("#biotext").hover(function () {
        $("#biotext").fadeTo(1000, 1.0); // This sets the opacity to 100% on hover
    }, function () {
        $("#biotext").fadeTo(8000, 0.2); // This sets the opacity back to 20% on            mouseout
    });

});

jquery

hover

delay

settimeout

回答 1

Stack Overflow用户

发布于 2013-05-18 18:23:37

我测试了你提供的网站，它正在按预期工作。我认为你在文本上徘徊，它会变得一团糟，而你只能使用好的老式javascript setTimeout()。

$(document).ready(function () {
    // fade in content.
    $('#biotext').fadeIn(2000).delay(40000).fadeTo(5000, 0.20);
    $('#sidebar').fadeTo(4000, .6).delay(40000).fadeTo(2000, .8);
    setTimeout(function() {
      $("#biotext").hover(function () {
          $("#biotext").fadeTo(1000, 1.0); // This sets the opacity to 100% on hover
      }, function () {
          $("#biotext").fadeTo(8000, 0.2); // This sets the opacity back to 20% on            mouseout
      });      
    }, 40000);
});

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/16626289

复制

相似问题

问将悬停功能推迟到动画停止后？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将悬停功能推迟到动画停止后？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将悬停功能推迟到动画停止后？
EN