Question

我已经知道this solution.（将慢速加载页面转移到显示动画的加载临时页面，然后重定向到实际页面）

但我真的想在没有重定向页面的情况下解决这个问题。有什么线索怎么样？重定向将从代码隐藏...

触发

Answer 1

您可以尝试这样的事情：

<head>
...
<script type="text/javascript">
    if (document.documentElement) {
        document.documentElement.className = 'loading';
    }
</script>
...
</head>

将其粘贴在<head>标记中，然后添加一些CSS以隐藏页面上除加载动画之外的所有内容。例如：

.loading > body > * {
    display:none;
}
.loading body {
    background:#fff url(../images/loading.gif) no-repeat 50% 50%;
}

然后添加一些JavaScript以在页面加载完成后清除html标记的类名：

// Using jQuery
$(document).ready(function() {
    ...
    $(document.documentElement).removeClass('loading');
    ...
});

希望这有帮助。

Answer 2

这是jQuery的一个例子 http://pure-essence.net/2010/01/29/jqueryui-dialog-as-loading-screen-replace-blockui/

还有一个更简单的 http://javascript.internet.com/css/pre-loading-message.html

Answer 3

您可以通过以下链接查看示例 http://onlineshoping.somee.com/ 这是显示加载动画的简单方法，而每次都会加载页面。

protected void Page_Load(object sender, EventArgs e)
{
        if (this.IsPostBack)
        {

        }
        else
        {
            Response.Write("<div id=\"loading\" style=\" text-align:center; top:100px;\"><p> Please Wait...</p><br/><img src=\"../Your Animation .gif file path\" \"width:400px\"></div>");
            Response.Flush();
            System.Threading.Thread.Sleep(5000);//You may increase Or decrees Thread Sleep time 
            Response.Write("<script>document.getElementById('loading').style.display='none';</script>");
        }
}

您可以从此网站http://ajaxload.info/下载ajax自定义动画.gif文件
我希望它能解决你的问题。

重定向到加载动画的页面

3 个答案: