<span style="font-family: trebuchet ms;">Have you seen the dimScreen Plugin?</span><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;"><a href="http://docs.jquery.com/Plugins/dimScreen">
http://docs.jquery.com/Plugins/dimScreen</a></span><br style="font-family: trebuchet ms;"><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;">It does almost all of what you are asking for. Might additionally need the pause plugin for #4.
</span><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;"><a href="http://blog.mythin.net/projects/jquery.php">
http://blog.mythin.net/projects/jquery.php</a></span><br style="font-family: trebuchet ms;">
<br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;">Then after the pause, just use fadeOut().</span><br style="font-family: trebuchet ms;"><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;">
Hope this helps,</span><br style="font-family: trebuchet ms;"><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;">Glen</span>
<div><span class="gmail_quote">On 10/29/07, <b class="gmail_sendername">
shapper</b> <<a href="mailto:mdmoura@gmail.com">
mdmoura@gmail.com</a>> wrote:</span><blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
Hello,
I have a DIV in my page and I need to:
1. The DIV must be over all other page content.
2. Select the DIV position:
It could be Centered or on Top Right.
The DIV should be over all page content.
3. Fade the DIV from a X% opacity to a 0% opacity when:
N seconds have past or when the user clicks the rest of the page.
How can I do this using JQuery?
Thank You,
Miguel
</blockquote></div>
