javascript - 如何将淡入淡出效果应用于函数？

Question

我用 JS 创建整个 html。这是一个例子:

function createBanner () {
    $('body').append(
      $('<div>')
      .attr('id',"banner")
      .attr('class',"banner")
      .append(
      ....           

执行该函数时，它会为页面创建整个标记。

如何使用“淡入”jQuery 效果调用 createBanner。这些元素最初不在页面中。这就是为什么不可能以通用方式选择它们的原因。

Answer 1

您可以创建需要附加的标记对象，使用.hide() 隐藏它。然后使用 .appendTo() 和 .fadeIn() 将其附加到 body 以产生淡入淡出效果:

 $('<div>').attr('id',"banner").attr('class',"banner").append(....)
      .hide()
        .appendTo("body")
          .fadeIn(500);  

Working Demo