开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

当我添加一些交叉淡入淡出的图像时，Flexboxes不能保持正确的高度

当您添加交叉淡入淡出的图像时，Flexboxes可能无法保持正确的高度，这是因为Flexbox布局具有一些特殊的行为，可能会影响到其父元素的高度计算。

解决这个问题的方法之一是使用CSS的align-items属性来控制Flexbox容器中的项目垂直对齐方式。通过将align-items属性设置为stretch，Flexbox容器将会自动将项目拉伸以适应容器的高度。

以下是一个示例代码片段，展示了如何使用Flexbox来添加交叉淡入淡出的图像并保持正确的高度：

<!DOCTYPE html>
<html>
<head>
  <style>
    .flex-container {
      display: flex;
      align-items: stretch;
    }

    .flex-item {
      flex: 1;
      transition: opacity 0.5s;
    }

    .flex-item.hidden {
      opacity: 0;
    }
  </style>
</head>
<body>
  <div class="flex-container">
    <div class="flex-item">
      <img src="image1.jpg" alt="Image 1">
    </div>
    <div class="flex-item">
      <img src="image2.jpg" alt="Image 2">
    </div>
    <div class="flex-item">
      <img src="image3.jpg" alt="Image 3">
    </div>
  </div>

  <script>
    // 在适当的时机添加/移除 "hidden" 类以实现淡入淡出效果
    var flexItems = document.querySelectorAll('.flex-item');
    setInterval(function() {
      flexItems.forEach(function(item) {
        item.classList.toggle('hidden');
      });
    }, 2000); // 每2秒切换一次图像
  </script>
</body>
</html>

在上述代码中，我们使用了Flexbox布局和CSS过渡效果来实现图像的交叉淡入淡出。.flex-container定义了一个Flexbox容器，.flex-item定义了每个图像的容器。通过将.flex-item的flex属性设置为1，每个图像容器都将自动平均分配可用的空间，并保持相同的高度。

同时，我们还使用了CSS过渡效果，将.hidden类应用于.flex-item，以实现淡入淡出的效果。JavaScript部分的代码会定期切换.hidden类，从而触发图像的淡入淡出效果。

对于此问题，腾讯云没有特定的产品或链接来解决，因为这是一个CSS和前端开发方面的问题，并不涉及云计算服务。但是，腾讯云的服务器、存储、CDN等服务可以帮助您托管和提供图像资源。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

基础渲染系列（十八）——实时光全局光照、探针体积、LOD组

但是，它不能处理动态光。混合模式下的光源可以进行一些实时调整，但是太多的物体因为烘焙的间接光源，需要保持不变是显而易见的。因此，当你有户外场景时，太阳必须保持不变。...（采样LPPV，现在有正确的颜色了） 3 LOD组件当对象最终仅覆盖应用程序窗口的一小部分时，你不需要高度详细的网格即可对其进行渲染。可以根据对象的视图大小使用不同的网格。...当我们需要淡入淡出时，片段程序的插值器必须包含vpos，否则我们保持通常的位置。 ? 可以在片段程序开始时使用UnityApplyDitherCrossFade函数执行交叉淡化。 ?...首先，在进行交叉淡入淡出时必须使用vpos。其次，我们还必须在片段程序开始时使用UnityApplyDitherCrossFade。 ? ? ?...（交叉淡化几何图形和阴影）由于立方体和球体相交，因此在它们之间相互淡入淡出时会产生一些奇怪的自阴影。方便地看到阴影之间的交叉渐变有效，但是在为实际游戏创建LOD几何图形时，必须注意此类失真现象。

4.1K3 0

Unity通用渲染管线（URP）系列（七）——LOD和反射（Adding Details）

可以添加一些中间步骤，在最终完全剔除一个对象之前，先切换到细节较少的可视化视图。通过使用LOD组，Unity可以完成所有这些事情。...1.3 LOD转换 LOD级别的突然转换可能会在视觉上造成冲击，尤其是如果某个对象由于自身或摄像机的轻微移动而最终连续快速地来回切换时。通过将组的淡入淡出模式设置为交叉淡入淡出，可以逐步进行此过渡。...该模式专门用于SpeedTree树，该树使用其自己的LOD系统折叠树并在3D模型和广告牌表示之间进行转换。我们不会使用它。跨淡入淡出时，你可以控制每个LOD级别。启用交叉渐变时，此选项变为可见。...淡入淡出过渡宽度为零表示此级别与下一个较低值之间无淡入，而值为1表示其立即开始淡入淡出。值为0.5时，默认设置下，LOD 0将开始以80％交叉渐变为LOD 1。 ?...并在ShadowCasterPassFragment的开始处调用它以淡入淡出阴影。 ? ? （LOD条纹，一半）我们得到了条带化的渲染结果，但是在交叉淡入淡出时只有两个LOD级别之一出现。

4.4K3 1

Unity可编程渲染管线系列（十）细节层次（交叉淡化几何体）

例如，将Lod Bias设置为1.5意味着对象的视觉尺寸被相同的因素高估，因此，当我们的球体下降到6.7％以下时，才将其球体剔除。LOD组的检查器将指示存在偏差。 ? ?...这样，如果您不喜欢或想要获得准确的结果，可以完全关闭抖动动画，这对于图像比较很有用。 ? 可以通过添加更多纹理并遍历它们来对抖动模式进行动画处理。但是我们也可以使用单个纹理并改为调整其比例变换。...但是，当在编辑器中而不是在播放模式下工作时，仅当发生更改时才渲染新帧。这意味着当我们什么都不做时，抖动模式保持不变，但是当我们执行一项使人分心的动作时突然改变。...当应用阴影剥离或交叉淡入淡出剥离时，Strip方法必须返回true。 ? 以我为例，禁用LOD交叉渐变可将着色器变体减少到1878个（61％）。...而且，当也禁用了级联阴影时，该比例进一步降低到1110（36％）。请注意，禁用对LOD交叉渐变的支持只会影响剥离哪些着色器变体。交叉淡入淡出仍可在编辑器中使用，但无法在构建版本中使用。

3.8K3 1

三分钟带你了解FL Studio21版本新增功能

警告对话框- 新的“以后不再显示”到关于近似自动化合并的警告编辑- 现在允许使用 LFO 模式的自动化剪辑进行有损合并音频剪辑淡入淡出和增益控制：查看-当取消选择显示淡入淡出预览/增益预览时，按住Alt...可视化工具:为“TextDraw”效果添加了混合参数13751添加了一个工具栏按钮作为显示透明度的快捷方式添加了导出到APNG图像格式jpeg扩展名现在是保存位图时的默认扩展名现在，您可以选择要在预览窗口中显示的缓冲区浏览器...音频剪辑渐变和增益控制:播放列表%3E编辑(菜单)-选项“用手动淡入淡出创建新剪辑”播放列表%3E视图(菜单)-选项“商店淡入淡出预览”。当取消选择时，增益值对于具有编辑增益的片段将保持可见。...使用链接的交叉渐变，按住Shift可更改垂直交叉点。如果没有换档，交叉位置将会改变，同时保持同等水平。移动淡入淡出手柄现在会捕捉到网格。单击手柄后按住(Alt)键可禁用捕捉。...-在调试日志中显示更新的浏览器文件夹的名称播放列表-将“打卡入/出记录”标记重命名为“开始记录”和“停止记录”插件管理器-一些不正确的插件搜索路径不再被允许。

3.4K0 0

Unity 水、流体、波纹基础系列（一）——纹理变形（Texture Distortion ）

它不需要是交互式的，只是在随意观察时看起来很像。因此，我们不需要进行复杂的水物理模拟。需要做的只是在常规材质中添加一些动画。这可以通过对用于纹理化的UV坐标进行动画处理来完成。...我们可以通过在每个阶段保持UV偏移恒定，然后在各个阶段之间跳转到新的偏移来避免视觉滑动。换句话说，每次权重为零时，我们都会使UV跳变。这是通过在UV上加上一些跳跃偏移量乘以时间的整数部分来完成的。...我们不能再使用UnpackNormal，因此创建一个自定义的UnpackDerivativeHeight函数，该函数将正确的数据通道放入浮点向量并解码导数。 ? ?...让我们向着色器添加一个高度比例属性以支持此操作。 ? 将高度比例因素分解到采样的导数加上高度数据中。 ? 但是我们可以走得更远一些。比如，根据流速使高度比例可变。...这个想法是，当流量大时，你会得到较高的波浪，而流量小时，你将会得到较低的波浪。为了控制它，添加第二个高度比例属性，用于基于流速的调制高度。另一个属性保持不变的规模。

4.1K2 1

FL STUDIO2023最新V21版本更细功能介绍

预设位于...文档\图像行\FL 工作室\设置\主题项目文件在“项目常规设置”下的数据文件夹部分添加了“始终询问”，该窗口在创建或保存新项目时打开“新建项目”窗口（可选）。...设置窗口该窗口已重新设计，允许长时间的本地化文本和稍后的搜索，但尚未！还允许调整设置窗口的高度，使其适合垂直分辨率较低的屏幕。备用撤消在新计算机上安装时默认启用。...键入值选择时将显示有关当前值的详细信息。添加乐器轨道菜单 [+] 不再显示无法添加为乐器轨道的项目。钢琴卷双击空图案剪辑时打开所选通道。...在具有 mlisttiple 列的视图中搜索时，选择第一个文件夹。下载图像后立即显示图像。在插件数据库中显示有关插件的更多信息。从右键单击的光标位置开始播放。...播放列表：音频剪辑淡入淡出 - 编辑 ] 播放列表菜单中的“自动交叉淡入淡出”现在与项目文件一起保存。在新计算机上安装时，现在默认启用淡入淡出编辑模式。

3.3K2 0

VR开发--SteamVR框架工具（3）：基础传送器+可调节高度的传送器+头盔碰撞淡出+玩家呈现+触摸板移动+游玩区空间组件

由于支持X,Z轴的改变，所以不能进行上下移动游戏对象（本文第二：有可调节高度传送器）。...Ignore Target With Tag Or Class（忽略带有标签或脚本的目标）: 一个指定对象标签或者对象上添加的脚本名字的字符串，通知传送器这种目标点应该被忽略，所以用户就不能传送到这些位置上...高度调整传送器被添加到[CameraRig]预制并需要一个可用的世界指针。 ? ?...（2）脚本参数： Blink Transition Speed****（****眨眼淡入淡出速度****）****:碰撞时淡入淡出速度。...currentTransform: 当前头盔碰撞淡入淡出脚本所添加到的对象（相机）的Transform。

1.6K1 0

专业的光线追踪与全域光渲染软件KeyShot 2023新版发布，详解10大新功能

在主菜单栏中添加了工具。删除了实验性功能。通过脚本渲染设置支持标签和 RAW 通道。向 Web 查看器上传添加图像附件。将横向模式添加到 CMF 的 PDF 输出。...TIFF 图像现在被压缩。修复了导致“无法加载库”消息出现在网络渲染日志中的问题。将 HDRI 编辑器画布保持在主窗口的顶部。DPI 设置现在作为元数据输出到图像。...Physics Tool 现在应该可以在带有 ARM 的系统上运行。修复了区域光的问题，该问题导致材质的背面和正面翻转。修复了一个 Studio 问题，该问题可能导致在重新加载场景时加载不正确的环境。...改进了启用曲线的摄影图像样式时实时视图的性能。修复了使用材料时可能发生的崩溃。修复了在 Apple Silicon 系统上分配真实布料材料时会导致 KeyShot 停止响应的问题。...修复了工作室工作流程中的一些问题。调整了导出的 USD 和 GLB 文件中的凸起高度，以改进对这些文件在其他应用程序中的支持。修复了材质图中 Color Composite 节点的混合模式问题。

1.9K3 0

FL Studio21下载MacOS版简体中文支持苹果M1处理器

新的主要功能音频剪辑 - 集成包络，具有淡入/淡出、精确电平控制和自动交叉淡入淡出功能。主题 - 色调、对比度、亮度、高光、测光和步进颜色控制。...还允许调整设置窗口的高度，使其适合垂直分辨率较低的屏幕。启动 - 如果启动项目崩溃，则在下次启动时（设置加载最后一个项目时）将使用默认项目以防止崩溃循环。...视图 - 按住（Alt）可在取消选择“显示淡入淡出预览”/“增益预览”时临时预览淡入淡出和增益。菜单 - （右键单击）“显示淡入淡出编辑控件”图标，用于快速访问淡入淡出选项。...捕捉 - 按住（Alt）可在淡入淡出手柄捕捉关闭时对齐，因此（Alt+单击）不再重置淡入淡出。快捷方式 - 添加了（Shift+F）以切换“显示淡入淡出编辑控件”图标。...表面选项卡 - 添加了“表面”选项卡，以便更轻松地自定义预设。图像 - 添加了导出为 APNG 图像格式的功能。.jpeg扩展名现在是保存位图时的默认扩展名。

4K2 0

技能 | 开发者成功使用机器学习的10大诀窍

例如，梯度提升树（GBT）是一个非常受欢迎的监督学习算法，由于其精度而被业内开发人员广泛使用。然而，尽管其高度受欢迎，我们也不能盲目的把这种算法应用于任何问题上。...在这种情况下，使用标准的交叉验证方法进行训练，调整，那么测试模型的结果可能会有偏差，甚至会不准确。这是因为在实施平台上它不能准确的模拟输入数据的性质。...一不留心就很容易违反交叉验证的规则，并且也没有一种显而易见的方法来表现交叉验证的非正确性，通常在你试图寻找快捷方式计算时发生。...在任何模型部署之前，有必要仔细注意交叉验证的正确性，以获得部署性能的科学评估。 9.知道如何处理非结构化和半结构化数据，如文本、时间序列、空间、图形或者图像数据。...但是这并不意味着开发人员没有机会去学习一些有水准的数据科学从而改进他们的应用。随着适当的企业解决方案和自动化程度的提高，开发人员可以做模型构建到实施部署的一切事情，使用机器学习最佳实践来保持高精度。

48110 0

FL Studio水果21最新中文版详细功能介绍

设置窗口 - 窗口已重新设计，允许可能需要更多空间的多语言文本。您还可以调整“设置”窗口的高度，以适合垂直分辨率较低的屏幕。...播放列表音频剪辑淡入淡出和增益控制 - 使您能够淡入淡出音频剪辑，并通过可选的自动交叉淡入淡出获得控制预览 — 未选择“显示淡入淡出预览/增益预览”时，显示淡入淡出和增益的临时预览。...菜单 - 右键单击菜单现在具有显示淡入淡出编辑控件图标，用于快速访问淡入淡出选项。捕捉功能 - 当淡入淡出手柄捕捉关闭时，按住 Alt 键进行捕捉。因此，Alt+单击不再重置淡入淡出。...快捷方式 - coco玛奇朵添加了显示淡入淡出编辑控件切换开关（Shift+F）。添加音轨 - 通过在播放列表剪辑焦点区域添加新的“+”按钮，使用左键单击和右键单击选项添加乐器和音轨。...预设 - HUD 文本现在可以搜索“字体”文件夹之外的字体。表面选项卡 - 添加了表面选项卡，以便更轻松地自定义预设。图像 - 添加了导出为 APNG 图像格式的功能。

4.3K4 0

Unity-UI（UGUI详解）02.1 Canvas组件、Visual组件

当我们创建一个UI元素从菜单的时候，如果场景中没有canvas，将自动创建一个canvas RenderMode（渲染模式）： UI渲染到场景的方式 Screen Space-Overlay，Screen...使整个控件不可用（置灰），通过给父物体添加CanvasGroup并设置Interactable属性为false 设置一些UI元素不能通过鼠标点击事件通过此组件或者设置他们的父物体的Block Raycasts...RectMask2D的限制：只能在2D空间下不能正确的显示非共面元素 RectMask2D的优势：它不使用模板缓冲没有额外的draw calls 没有材质的改变更快的表现 UI Effect...Alpha：混合图像和效果的颜色 2.OutLine 给文字或者图片添加描边效果。...Properties： Effect Color： Effect Distance： Use Graphic Alpha： 3.Position as UV1 添加一个简单的位置作为UV1效果给文本和图片图像

2.5K1 0

TensorFlow和深度学习入门教程

保持训练图像的张量的形状是[None，28，28，1]，代表： 28，28，1：我们的图像是每像素28x28像素x 1值（灰度）。彩色图像的最后一个数字将为3，这里并不需要。...然后，我们需要一个附加的占位符，用于提供与培训图像一起的标签数据。现在，我们有模型预测和正确的标签，所以我们可以计算交叉熵。tf.reduce_sum总和一个向量的所有元素。...mnist_1.0_softmax.py 在train_step当我们问到TensorFlow出最小交叉熵是这里执行获得。那就是计算梯度并更新权重和偏差的步骤。...使用它，如果你不能写出来，被卡住了！要添加图层，您需要一个额外的权重矩阵和中间层的附加偏置向量：权重矩阵的形状是[N，M]，其中N是层的输入数量和M的输出。...那是一个很糟糕的主意手写数字由形状组成，当我们平铺像素时，我们舍弃了形状信息。然而，有一种类型的神经网络可以利用形状信息：卷积网络。让我们试试看吧。 11. 理论：卷积网络 ?

1.5K6 0

TensorFlow和深度学习入门教程

保持训练图像的张量的形状是[None，28，28，1]，代表： 28，28，1：我们的图像是每像素28x28像素x 1值（灰度）。彩色图像的最后一个数字将为3，这里并不需要。...None：此维度将是迷你批次中的图像数量。这将在训练时知道。...实际上，这将是一个小批量的图像数量。然后，我们需要一个附加的占位符，用于提供与培训图像一起的标签数据。现在，我们有模型预测和正确的标签，所以我们可以计算交叉熵。...那是一个很糟糕的主意手写数字由形状组成，当我们平铺像素时，我们舍弃了形状信息。然而，有一种类型的神经网络可以利用形状信息：卷积网络。让我们试试看吧。 11. 理论：卷积网络 ?...在上面的动画中，您可以看到，通过在两个方向（卷积）上滑过图像的权重块，您可以获得与图像中的像素一样多的输出值（尽管边缘需要一些填充）。

1.4K6 0

机器学习实践的10个小秘诀

例如，梯度提升树（GBT）是一个非常受欢迎的监督学习算法，由于其精度而被业内开发人员广泛使用。然而，尽管其高度受欢迎，我们也不能盲目的把这种算法应用于任何问题上。...这是因为在实施平台上它不能准确的模拟输入数据的性质。为了纠正这一点，在部署时我们必须仿照模型来部署使用。我们应该使用一个基于时间的交叉验证，用时间较新的数据来验证训练模型。 8....一不留心就很容易违反交叉验证的规则，并且也没有一种显而易见的方法来表现交叉验证的非正确性，通常在你试图寻找快捷方式计算时发生。...在任何模型部署之前，有必要仔细注意交叉验证的正确性，以获得部署性能的科学评估。 9. 知道如何处理非结构化和半结构化数据。如文本、时间序列、空间、图形或者图像数据。...但是这并不意味着开发人员没有机会去学习一些有水准的数据科学从而改进他们的应用。随着适当的企业解决方案和自动化程度的提高，开发人员可以做模型构建到实施部署的一切事情，使用机器学习最佳实践来保持高精度。

4445 0

开发者成功使用机器学习的十大诀窍

例如，梯度提升树（GBT）是一个非常受欢迎的监督学习算法，由于其精度而被业内开发人员广泛使用。然而，尽管其高度受欢迎，我们也不能盲目的把这种算法应用于任何问题上。...这是因为在实施平台上它不能准确的模拟输入数据的性质。为了纠正这一点，在部署时我们必须仿照模型来部署使用。我们应该使用一个基于时间的交叉验证，用时间较新的数据来验证训练模型。 8....一不留心就很容易违反交叉验证的规则，并且也没有一种显而易见的方法来表现交叉验证的非正确性，通常在你试图寻找快捷方式计算时发生。...在任何模型部署之前，有必要仔细注意交叉验证的正确性，以获得部署性能的科学评估。 9. 知道如何处理非结构化和半结构化数据，如文本、时间序列、空间、图形或者图像数据。...但是这并不意味着开发人员没有机会去学习一些有水准的数据科学从而改进他们的应用。随着适当的企业解决方案和自动化程度的提高，开发人员可以做模型构建到实施部署的一切事情，使用机器学习最佳实践来保持高精度。

5784 0

【十大诀窍】开发者如何成功使用机器学习

例如，梯度提升树（GBT）是一个非常受欢迎的监督学习算法，由于其精度而被业内开发人员广泛使用。然而，尽管其高度受欢迎，我们也不能盲目的把这种算法应用于任何问题上。...这是因为在实施平台上它不能准确的模拟输入数据的性质。为了纠正这一点，在部署时我们必须仿照模型来部署使用。我们应该使用一个基于时间的交叉验证，用时间较新的数据来验证训练模型。 8....一不留心就很容易违反交叉验证的规则，并且也没有一种显而易见的方法来表现交叉验证的非正确性，通常在你试图寻找快捷方式计算时发生。...在任何模型部署之前，有必要仔细注意交叉验证的正确性，以获得部署性能的科学评估。 9. 知道如何处理非结构化和半结构化数据，如文本、时间序列、空间、图形或者图像数据。...但是这并不意味着开发人员没有机会去学习一些有水准的数据科学从而改进他们的应用。随着适当的企业解决方案和自动化程度的提高，开发人员可以做模型构建到实施部署的一切事情，使用机器学习最佳实践来保持高精度。

57415 0

神探Sherlock如何用AI破案？教你在Excel中搭建一个人脸识别CNN网络

当我们构建 CNN时，随着层深度增加，我们的放大镜也会变得更厚。为了建立 1 个特征图或“线索”，Sherlock 首先取出 1 个放大镜并将其放在输入图像的左上部分。...缺点：步长大于 1 时，你会因为跳过一些像素从而导致丢失图片的信息，并可能错过一些学习模式。...这意味着我们得到的输出高度/宽度为 3x3，那我们从左到右时丢失了2 个像素，而从上到下移动时我们又损失了 2 个像素。...在典型的CNN中，进入分类器之前，我们一般会有几轮卷积 / ReLU / 池的过程。每一轮，我们都会在增加深度的同时挤压高度/宽度，这样我们就不会丢失一些证据。...当我们在最后计算损失（“Sherlock的准确性”）时，Sherlock 会获得相应的奖励/惩罚。

8212 0

开发者成功使用机器学习的十大诀窍

例如，梯度提升树（GBT）是一个非常受欢迎的监督学习算法，由于其精度而被业内开发人员广泛使用。然而，尽管其高度受欢迎，我们也不能盲目的把这种算法应用于任何问题上。...这是因为在实施平台上它不能准确的模拟输入数据的性质。为了纠正这一点，在部署时我们必须仿照模型来部署使用。我们应该使用一个基于时间的交叉验证，用时间较新的数据来验证训练模型。 8....一不留心就很容易违反交叉验证的规则，并且也没有一种显而易见的方法来表现交叉验证的非正确性，通常在你试图寻找快捷方式计算时发生。...在任何模型部署之前，有必要仔细注意交叉验证的正确性，以获得部署性能的科学评估。 9. 知道如何处理非结构化和半结构化数据，如文本、时间序列、空间、图形或者图像数据。...但是这并不意味着开发人员没有机会去学习一些有水准的数据科学从而改进他们的应用。随着适当的企业解决方案和自动化程度的提高，开发人员可以做模型构建到实施部署的一切事情，使用机器学习最佳实践来保持高精度。

3904 0

开发者成功使用机器学习的十大诀窍

例如，梯度提升树（GBT）是一个非常受欢迎的监督学习算法，由于其精度而被业内开发人员广泛使用。然而，尽管其高度受欢迎，我们也不能盲目的把这种算法应用于任何问题上。...这是因为在实施平台上它不能准确的模拟输入数据的性质。为了纠正这一点，在部署时我们必须仿照模型来部署使用。我们应该使用一个基于时间的交叉验证，用时间较新的数据来验证训练模型。 8....一不留心就很容易违反交叉验证的规则，并且也没有一种显而易见的方法来表现交叉验证的非正确性，通常在你试图寻找快捷方式计算时发生。...在任何模型部署之前，有必要仔细注意交叉验证的正确性，以获得部署性能的科学评估。 9.知道如何处理非结构化和半结构化数据，如文本、时间序列、空间、图形或者图像数据。...但是这并不意味着开发人员没有机会去学习一些有水准的数据科学从而改进他们的应用。随着适当的企业解决方案和自动化程度的提高，开发人员可以做模型构建到实施部署的一切事情，使用机器学习最佳实践来保持高精度。

5057 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭