iframe用于在网页之前的介绍启动消息时间间隔

时间:2013-11-29 20:54:46

标签: javascript php jquery html iframe

您好我想用iframe创建简单的启动画面横幅,并在主网页内容加载之前显示一两秒的消息。

这就是我现在所拥有的:

    //greetings iframe
        echo '<iframe scrolling="auto" allowtransparency="true" name="maingreet" id="maingreet" style="width:100%;height:90%;"><img src="../images/greetings.jpg" width="100%" height="100%"/></iframe>
            <script>setTimeout(function(){document.getElementById("maingreet").innerHTML="";},1500);</script>';

//main web page starts here
    include_once("../xxx/_header.php");

    include("../xxx/_fx_cats.php");
    include '_arch.php';
    ...

我不确定如何/在何处放置javascript设置超时功能以及如何重定向到主网页部分

1 个答案:

答案 0 :(得分:0)

将您的问候iframe放入div('splash')并将您的主网站包装在另一个div('container')中display:none。然后是:

$(document).ready(function() {
   $('#splash').delay(2000).fadeOut('slow');
      $('#container').delay(2000).fadeIn('slow');
 });

更改数字以适合您的时间。