js非同期処理進捗バー_javascriptスキル

1. まず上の写真の効果は次のとおりです。

2. 使用方法

コードをコピーします コードは次のとおりです:

varloader=new Ajaxloader(this._ContentID,{Text:'loading...',Top:50});
loader.Show(); 3. コードがリストされます:

コードをコピーします コードは次のとおりです: / *

処理進行状況バー、非同期ローダー

*/
var Ajaxloader=new Class();
Ajaxloader.prototype=
{
Text: 'データ読み込み中...',
親:null、
左:0、
上:30、
Initialize:function(parentid,o)
{
//alert('Init'); >Extend (this,o);
if(parentid)
{
this.Parent=$(parentid)
これを返す;
:function ()
{
if(this.Parent)
{
var _obj = this.Create();
this.Parent.appendChild(_obj); 🎜> },
Create:function()
{
var _div=document.createElement('div');
var _img=document.createElement('img'); .src ='<%=WebResource("DSKJ.Web.UI.WebControls.Images.ajaxloader.gif")%>'
_img.style.cssText='display:block;'; var _load =document.createElement('h3');
_load.innerText = this.Text='margin-top:5px;font-size:13px'; .appendChild (_img);
_div.appendChild(_load);
//div スタイルを設定します
_div.style.cssText='font-size:13px;text-align:center;margin:0 auto ;display :block;z-Index:99';
_div.style.marginTop=this.Top;
return _div;
}
}


4.結論
レンガの購入を歓迎します