Question

嘿，我试图淡化我的文字＆＃39;使用JQuery的类 - 当我使用＆＃39;点击＆＃39;事件。我设法做到了但它会立即进入，而不是在1.5秒后消失，我哪里出错？

因此CSS中的display设置为none。

$(document).ready(function() {
  $(".top-left").click(function() {
    $(this).css("height", "70vh");
    $("#about").css("top", "-20px");
    $("#about").css("transition", "1s");
    $('.text').delay('15000').css('display', 'block');
  });
});

Answer 1

您正在设置＆＃34;显示＆＃34; CSS中的属性为＆＃34; block＆＃34;。它应该设置为＆＃34; none＆＃34;如果你想让你的文字褪色。

试试这个：

$('.text')
  .delay(15000)
  .queue(function (next) { 
    $(this).css('display', 'none'); 
    next(); 
  });

delay（）适用于动画（fx）队列。更改css属性不适用于该机制，因此不受延迟指令的影响。

您可以使用＆＃34;隐藏＆＃34;同样。例如：

$('.text')
      .delay(15000)
      .queue( function(next){ 
        $(this).hide(); 
        next(); 
      });

在点击“Jquery”时淡入课程

1 个答案: