Karena banyak tempat dalam proyek diserahkan ke AJAX, menambahkan efek menunggu animasi, jadi saya menulis metode JS yang sederhana -umum;
Kodenya adalah sebagai berikut:
Salin kode kode sebagai berikut:
/*AJAX mengirimkan efek tunggu tunggu*/
var ajaxloding = objek baru ();
// wraperid: elemen wadah yang menampilkan gambar penginapan
// MS: Panjang ikon penginapan ditampilkan, milidetik
// Envent: Sumber acara acara acara digunakan untuk mendapatkan objek dari acara keberangkatan
// Callback: Mewakili metode pemulihan yang dieksekusi setelah animasi selesai
// Stop () Metode menunjukkan operasi animasi tersembunyi yang beroperasi setelah metode pemulihan berhasil dieksekusi
AJAXLODING.LOAD = FUNGSI (LODINGID, MS, EVENT, LIFT, TOP, CALLBACK) {
if (! left || typeof kiri == tidak ditentukan)
kiri = 0;
if (! TOP || TYPEOF TOP == Tidak ditentukan)
Atas = 0;
this.lodingid = lodingid; // tampilkan elemen induk dari ikon penginapan
this.obj = $ ("#" + this.lodingId);
this.sourceEvengEnelement = $ (event.currentTarget);
this.start = function () {
this.obj.css ({positin: "relatif"});
this.sourceeveentelement.attr ("Disabled", true);
// Tampilkan ikon ikon dan penginapan secara default, dan atur gaya berikut
Var imgobj = $ ("<img src = '/images/loaderc.gif' style = 'posisi: absolute; lebar: 32px; tinggi: 32px;' id = 'img_loding'" ");
imgobj.css ({kiri: this.obj.width () / 2- imgobj.width () / 3-heft, atas: this.obj.height () / 2-imgobj.heigh () / 2-top}) ;;
imgobj.appendto (this.obj);
this.obj.animate ({height: this.obj.height ()}, ms, function () {
callback ();
});
};
this.stop = function () {
$ ("#Img_loding").
this.sourceeveentelement.attr ("Disabled", false);
}
};
Metode Panggilan:
Salin kode kode sebagai berikut:
$ ("#ElementId").
var obj = new Ajaxloding.Load ("Div_test", 2000, E, 0,0, fungsi () {
// peringatan ("Pengajuan yang berhasil!");
obj.stop ();
});
obj.start ();
});
Ikon penginapan yang saya gunakan, Anda dapat menggantinya sendiri;
Implementasinya sangat sederhana, dan tidak ada pertimbangan, standar atau sesuatu;