title: DIV Splash Screen
body: <p>How would I create a welcome screen on my web site? For Example: I have an image and a link that says "ENTER" when the user clicks enter the web site appears. How would I do that? Also if possible with JavaScript or JQuery, When the user clicks "ENTER", would it be possible to crossfade from the splash screen to the web site? I want that the link be functional within any element/tag on the DIV splash.</p>
  
  <p>I have this code:</p>
  
  <pre><code>$('.Intro').click(function()
  {
      $(this).parent('#Intro').fadeOut(1000);
  });
  </code></pre>
  
  <p>But it only works with:</p>
  
  <pre><code>&lt;DIV id="Intro"&gt;
  &lt;A href="#" class="Intro" style="color: #FFF"&gt;ENTER&lt;/A&gt;
  &lt;/DIV&gt;
  </code></pre>
  
  <p>And not with:</p>
  
  <pre><code>&lt;DIV id="Intro"&gt;
  &lt;DIV class="EnterII"&gt;
  &lt;A href="#" class="Intro" style="color: #FFF"&gt;ENTER&lt;/A&gt;
  &lt;/DIV&gt;
  &lt;/DIV&gt;
  </code></pre>
  
  <p>Therefore, just within the DIV Intro...</p>