DIV 启动画面

Question

如何在我的网站上创建欢迎屏幕？例如：我有一张图片和一个 link，当用户点击进入网站时，会显示 "ENTER"。我该怎么做？另外，如果可以使用 JavaScript 或 JQuery，当用户单击 "ENTER" 时，是否可以从初始屏幕淡入淡出到网站？我希望 link 在 DIV 启动画面上的任何 element/tag 中都能正常工作。

我有这个代码：

$('.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 简介中...

Answer 1

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

稍加缩进，您可以看到在这种情况下，parent() 函数将 return EnterII，因此 div 将淡出。使用 jquery closest() 以获得 intro

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

Answer 2

为什么要复杂化？

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

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

Answer 3

你试过了吗：

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

而不是

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

DIV 启动画面

DIV Splash Screen

javascript

jquery

html

splash-screen