DIV 启动画面

Question

如何在我的网站上创建欢迎屏幕？ 例如：我有一个图像和一个链接，当用户点击进入网站时显示“ENTER”。 我该怎么做？ 另外，如果可以使用 JavaScript 或 JQuery，当用户单击“ENTER”时，是否可以从初始屏幕淡入淡出到网站？ 我希望该链接在 DIV 启动画面上的任何元素/标签中都有效。

我有这个代码：

$('.Intro').click(function()
{
    $(this).parent('#Intro').fadeOut(1000);
});

但它只适用于：

<DIV id="Intro">
<A href="#" class="Intro" style="color: #FFF">ENTER</A>
</DIV>

而不是：

<DIV id="Intro">
<DIV class="EnterII">
<A href="#" class="Intro" style="color: #FFF">ENTER</A>
</DIV>
</DIV>

因此，就在 DIV Intro 中...

Answer 1

为什么需要复杂化？

因为标识符必须是唯一的。 只需使用ID 选择器

$('#Intro').fadeOut(1000)

Answer 2

<DIV id="Intro">
 <DIV class="EnterII">
   <A href="#" class="Intro" style="COLOR: #FFF !important">ENTER</A>
 </DIV>
</DIV>

通过一些缩进，您可以看到在这种情况下 parent() 函数将返回 EnterII，因此该 div 将淡出。 使用 jquery close() 以获得介绍

$('.Intro').click(function(){
     $(this).closest('#Intro').fadeOut(1000);
 });

Answer 3

你有没有试过：

$('#Intro').fadeOut(1000);

代替

$(this).parent('#Intro').fadeOut(1000);