Question

所以我能想到的唯一方法就是： A＆＃39;预索引＆＃39;页面出现了我的淡入淡出的徽标和文字，然后几秒钟后消失了。在索引前的内容淡出后，它将用户重定向到我在html中淡化的主页面。

问题是，当页面从pre-index.php转到ls.php时，它不会因为它正在改变页面而流动。背景消失，浏览器窗口为空白，然后加载下一页。我不想在那之间的那一刻。

是否可以将我的代码从预索引转换为ls？这是我的代码：

预索引页面：

<body onload="preLoader()" background="images/blue.png">
<div id="wrapper">
    <div id="loader">
        <div id="pre_title">Server Name</div>
        <img src="images/logo.png" alt="Your Logo" id="loader_logo">
        <script>
            var delay = 6500;
            $('#pre_title').hide(0).delay(500).fadeIn(2000);
            $('#loader_logo').hide(0).delay(500).fadeIn(2000);
            $('#pre_title').delay(500).fadeOut(2000);
            $('#loader_logo').delay(500).fadeOut(2000);
            setTimeout(function(){ window.location.href = "ls.php"; }, delay );
        </script>
    </div>
</div>

这是它在所有这些之后加载的页面（ls.php）这只是页面非常大的一部分。

<html>
<head>
<title>Loading Screen</title>
<link rel=StyleSheet href="styles/main.css" type="text/css" media=screen>
<link href='https://fonts.googleapis.com/css?family=Quicksand' rel='stylesheet' type='text/css'>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script>
    function preLoader() {
        $("html").hide(0).delay(500).fadeIn(1000);
    }
</script>
</head>

<body onload="preLoader()" background="images/blue.png">
<div id="wrapper">

    <div id="header">
        <div id="sv_title">Server Name</div>
        <div id="sv_subtitle">A Garry's Mod Server!</div>
    </div>

删除页面更改

0 个答案: