ホームページ > ウェブフロントエンド > jsチュートリアル > js非同期処理進捗バー_javascriptスキル

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

WBOY
リリース: 2016-05-16 18:30:48
オリジナル
1434 人が閲覧しました

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.結論
レンガの購入を歓迎します
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート