zoukankan      html  css  js  c++  java
  • C#.Net网页加载等待效果漂亮并且简单

    最近网页加载数据比较多,点击后给用户就是白板很不友好,想了很久找了些资料,在网页加载中显示等待画面给客户,页面加载完成自动隐藏等待效果。

    在网页后台cs代码:
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!IsPostBack)
            {
                    ShowLoanding();
                    //.....
                   //你的数据加载代码
                    Thread.Sleep(1000);//线程停留1秒,也可以不要。
            }
        }

        //显示加载进度
        private void ShowLoanding()
        {
            Response.Write("<div style='position:absolute;z-index:600;expression(document.body.clientWidth);height:expression(document.body.clientHeight);background-color:#FFFFFF;text-align:center;padding-top:150px;' id='mydiv' >");
            Response.Write("<img src='http://www.kuwant.com/common/images/waiting.gif'>&nbsp;Loading...");
            Response.Write("</div>");
            Response.Write("<script language=javascript>;");
            Response.Write("function StartShowWait(){mydiv.style.visibility = 'visible'; ");
            Response.Write("window.setInterval('ShowWait()',1000);}");
            Response.Write("function HideWait(){mydiv.style.visibility = 'hidden';");
            Response.Write("window.clearInterval();}");
            Response.Write("StartShowWait();</script>");
            Response.Flush();
        }

    在网页aspx代码<body>之后加入如下代码:(目的隐藏等待效果)

    <body style="margin: 0px; padding: 0px" >
    <script type="text/javascript">
       HideWait();
    </script>

    等待效果就是在网页中间出现一个等待提示和动画,页面加载完成自动消失。当然动画图像和提示文字自己可以在代码中修改。

    C.Net网页加载等待效果漂亮并且简单 - 空空儿 - Program  Management
     
    转:http://blog.163.com/da7_1@126/blog/static/1040726782011113063526313/
  • 相关阅读:
    Vsftpd 3.0.2 正式版发布
    Putdb WebBuilder 6.5 正式版本发布
    SoaBox 1.1.6 GA 发布,SOA 模拟环境
    pynag 0.4.6 发布,Nagios配置和插件管理
    Percona Playback 0.4,MySQL 负荷回放工具
    xombrero 1.3.1 发布,微型 Web 浏览器
    Hypertable 0.9.6.4 发布,分布式数据库
    libmemcached 1.0.11 发布
    CryptoHeaven 3.7 发布,安全邮件解决方案
    Android Activity生命周期
  • 原文地址:https://www.cnblogs.com/mvv118/p/3651612.html
Copyright © 2011-2022 走看看