Question

我对JS并不擅长，所以请耐心等待。

我已经获得了这部分代码，当菜单悬停时，会在网站上显示叠加层。

$('#menu-main-menu > .menu-parent-item').hover(
    // when hovered
        function() {
            $('#overlay').css('display','block');
        },
    // when NOT hovered
        function() {
            $('#overlay').css('display','none');
        }
);

当鼠标悬停在菜单上时，立即显示叠加div。菜单项本身有一个很好的CSS淡入淡出，但是我想要应用平滑过渡或延迟到叠加div。

是否可以轻松添加到此代码中，或者通过CSS过渡更好地执行？

Answer 1

将fadeIn / fadeOut与$('#menu-main-menu > .menu-parent-item').hover( // when hovered function() { $('#overlay').fadeIn(1000); }, // when NOT hovered function() { $('#overlay').fadeOut(1000); } );一样使用

duration

或者，您可以使用show / hide与display:block/none一起维护$('#menu-main-menu > .menu-parent-item').hover( // when hovered function() { $('#overlay').show(1000); }, // when NOT hovered function() { $('#overlay').hide(1000); } );

Intent i = new Intent(SecondScreen.this, FirstScreen.class);   
i.putExtra("STRING_I_NEED", strName);

Answer 2

setTimeOut应该允许延迟

setTimeout(
  function() 
  {
    //your code 
  }, 5000);

什么是添加延迟和叠加DIV过渡的最佳方式？

2 个答案: