Javascript - Wie man einen splashscreen?

Ich bin auf der Suche nach eine javascript-Funktion, die Verzögerung, die durch die Webseite Körper zu laden, möchte ich meine html-hintergrund für 1 oder 2 Sekunden und dann zeigt Körper Inhalte.
benötigen Sie Hilfe.
Dank

  • Fügen Sie den Inhalt in ein riesiges div. Machen Sie es standardmäßig ausgeblendet. Zeigen Sie 2 Sekunden nach dem laden der Seite.
  • Ich nehme an, der code @pst reden, ist so etwas wie dieses: onload=setTimeout(function(){document.getElementById("bigDiv").display = "block";}, 2000);"
  • Du meinst: document.getElementById("bigDiv").style.display = '' aber wahrscheinlich besser, verwenden Sie style.visibility. Egal, Sie werden beide sehr lästig sein.
InformationsquelleAutor user1176885 | 2012-05-08
  1. 2

    Können Sie die .delay () - Funktion von jquery (ich bin mit Jquery 1.7.1-version), wie das folgende Beispiel:

     $(selector).delay(2000).fadeIn("slow");
    InformationsquelleAutor HGK
  2. 0

    können Sie nicht aufhören, die Seite laden. aber Sie können erzwingen, dass ein splash-Bildschirm durch ausblenden der Haupt-Behälter mit Ihrem Inhalt bis zu einem bestimmten Zeitpunkt..

    <div id="bg">
  <div id="container" style="display:none">
  -- your content goes here -- 
  </div>
</div>
<script type="text/javascript">
//use setTimeout to show #container
</script>
    InformationsquelleAutor brianff
  3. 0

    Können Sie nicht verzögern das laden der Inhalt des body, aber du kannst ein div oben auf Ihren Inhalt (unter Verwendung von absoluter Positionierung und z-index), zeigt über der Spitze der es und verbirgt Ihren Inhalt, bis Sie Ihre zwei Sekunden laufen und dann können Sie verstecken die overlay-div.

    Hier ist ein funktionierendes Beispiel: http://jsfiddle.net/jfriend00/Ru6tk/, wo Sie sehen, die HTML, CSS und javascript.

    Oder, Sie könnten setzen Sie Ihre wichtigsten Körper-Inhalten in eigene div und div als display: none über erste CSS und was auch immer andere Inhalte, die es gibt zeigen den ersten und dann nach zwei Sekunden, Sie können zeigen Sie Ihre Haupt-div und verstecken die anderen div-wodurch der hintergrund und zeigen Ihre wichtigsten Inhalte.

    InformationsquelleAutor jfriend00
  4. 0

    gehen Sie folgendermaßen vor

    1) legen Sie eine div auf Ihre Inhalte und legen Sie css-Eigenschaft
    display:none
    wie 

    &lt;body&gt;
&lt;div id="wrapperdiv" style="display:none;"&gt;
......<br/>
&lt;/div&gt;
&lt;/body&gt;
<br/>

    2) jetzt auf body-tag Ihrer Seite ein onload-Funktion wie

     <body onload="displaypage()">;

    3) Nun fügen Sie das Skript unter dem body-tag wie 

    <script type="text/javascript">;
function displaypage()
{<br/>
var t=setTimeout("displaydiv()",3000);//Number of seconds *1000, Currently its **3** seconds 
}
function displaydiv()
{
document.getElementById("wrapperdiv").style.display='block';
}    
</script>;

    Live-Beispiel 

    <html>
<head>
<title>Test Delay Display Page By IuR</title>
</head>
<body onload="displaypage()">
<script type="text/javascript">
function displaypage()<br/>
{
var t=setTimeout("displaydiv()",3000);//it will Delay for 3 seconds
}

function displaydiv()
{
document.getElementById("wrapperdiv").style.display='block';
}

</script>
<div id="wrapperdiv" style="display:none;height:500px;width:300px;background-color:red;">
</div>

</body>
</html>
    InformationsquelleAutor IuR
Schreibe einen Kommentar