zoukankan      html  css  js  c++  java
  • asp.net后台编写 loading效果

    From :http://www.cnblogs.com/ganmk/articles/1207832.html

    使用方法:
     protected void Page_Load(object sender, EventArgs e)
            {
                initJavascript();
                FillCheckBox();
               UnloadJavascript();
            }

    #region "页面加载中效果"
            /// <summary>
            /// 页面加载中效果
            /// </summary>
            public static void initJavascript()
            {
                HttpContext.Current.Response.Write(" <script language=JavaScript type=text/javascript>");
                HttpContext.Current.Response.Write("var t_id = setInterval(animate,20);");
                HttpContext.Current.Response.Write("var pos=0;var dir=2;var len=0;");
                HttpContext.Current.Response.Write("function animate(){");
                HttpContext.Current.Response.Write("var elem = document.getElementById('progress');");
                HttpContext.Current.Response.Write("if(elem != null) {");
                HttpContext.Current.Response.Write("if (pos==0) len += dir;");
                HttpContext.Current.Response.Write("if (len>32 || pos>79) pos += dir;");
                HttpContext.Current.Response.Write("if (pos>79) len -= dir;");
                HttpContext.Current.Response.Write(" if (pos>79 && len==0) pos=0;");
                HttpContext.Current.Response.Write("elem.style.left = pos;");
                HttpContext.Current.Response.Write("elem.style.width = len;");
                HttpContext.Current.Response.Write("}}");
                HttpContext.Current.Response.Write("function remove_loading() {");
                HttpContext.Current.Response.Write(" this.clearInterval(t_id);");
                HttpContext.Current.Response.Write("var targelem = document.getElementById('loader_container');");
                HttpContext.Current.Response.Write("targelem.style.display='none';");
                HttpContext.Current.Response.Write("targelem.style.visibility='hidden';");
                HttpContext.Current.Response.Write("}");
                HttpContext.Current.Response.Write("</script>");
                HttpContext.Current.Response.Write("<style>");
                HttpContext.Current.Response.Write("#loader_container {text-align:center; position:absolute; top:40%; width:100%; left: 0;}");
                HttpContext.Current.Response.Write("#loader {font-family:Tahoma, Helvetica, sans; font-size:11.5px; color:#000000; background-color:#FFFFFF; padding:10px 0 16px 0; margin:0 auto; display:block; width:130px; border:1px solid #5a667b; text-align:left; z-index:2;}");
                HttpContext.Current.Response.Write("#progress {height:5px; font-size:1px; width:1px; position:relative; top:1px; left:0px; background-color:#8894a8;}");
                HttpContext.Current.Response.Write("#loader_bg {background-color:#e4e7eb; position:relative; top:8px; left:8px; height:7px; width:113px; font-size:1px;}");
                HttpContext.Current.Response.Write("</style>");
                HttpContext.Current.Response.Write("<div id=loader_container>");
                HttpContext.Current.Response.Write("<div id=loader>");
                HttpContext.Current.Response.Write("<div align=center>页面正在加载中 </div>");
                HttpContext.Current.Response.Write("<div id=loader_bg><div id=progress> </div></div>");
                HttpContext.Current.Response.Write("</div></div>");
                HttpContext.Current.Response.Flush();
            }
            public static void UnloadJavascript()
            {
                HttpContext.Current.Response.Write(" <script language=JavaScript type=text/javascript>");
                HttpContext.Current.Response.Write("remove_loading();");
                HttpContext.Current.Response.Write(" </script>");
            }
            #endregion
    View Code
  • 相关阅读:
    姐姐的vue(1)
    LeetCode 64. Minimum Path Sum 20170515
    LeetCode 56. 56. Merge Intervals 20170508
    LeetCode 26. Remove Duplicates from Sorted Array
    LeetCode 24. Swap Nodes in Pairs 20170424
    LeetCode 19. Remove Nth Node From End of List 20170417
    LeetCode No.9 Palindrome Number 20170410
    LeetCode No.8. String to Integer (atoi) 2017/4/10(补上一周)
    LeetCode No.7 Reverse Integer 2017/3/27
    LeetCode No.4 Median of Two Sorted Arrays 20170319
  • 原文地址:https://www.cnblogs.com/wangjiahong/p/4563786.html
Copyright © 2011-2022 走看看