asp.net自定义之加载层控件

知识点：JQuery、Ajax、自定义控件

该文旨在给大家开发自定义控件（结合js）一个思路，一个简单的示例，可能在实际项目中并不会这样做。

先来看看效果：

1.在静态页面里开发好想要的效果

jQuery.extend({  openloading: function (options) {    var defaults = { msg: '数据提交中...', img: 'loading.gif' };    var opts = $.extend(defaults, options);    $("body").append("<div class='l_overlay' style='position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;width:100%;height:100%;padding:0 20px 0 0;background-color:gray;display:none;'></div><div class='l_showbox' style='position:fixed;top:0;left:50%;z-index:1001;opacity:0;filter:alpha(opacity=0);margin-left:-80px;border:1px solid gray;font-size:12px;font-weight:bold;'><div class='loadingWord' style='width:122px;height:38px;line-height:38px;border:2px solid #D6E7F2;background:#fff;'><img style='margin:10px 8px 10px 8px;float:left;display:inline;' src='/images/loading.gif' data-original='"+opts.img+"'>数据提交中...</div></div>");    var h = $(document).height();    $(".l_overlay").css({ "height": h, 'display': 'block', 'opacity': '0.4' });    $(".l_showbox").stop(true).animate({ 'margin-top': (h / 2 - 58) + 'px', 'opacity': '1' }, 200);  },  closeloading: function () {    $(".l_showbox").stop(true).animate({ 'margin-top': '250px', 'opacity': '0' }, 400);    $(".l_overlay").css({ 'display': 'none', 'opacity': '0' });    $(".l_overlay").remove();    $(".l_showbox").remove();  }});

海外公司注册、海外银行开户、跨境平台代入驻、VAT、EPR等知识和在线办理：https://www.xlkjsw.com

原标题：asp.net自定义之加载层控件

关键词：ASP.NET