Rumah > hujung hadapan web > tutorial js > Simulasi Javascript untuk melaksanakan kemahiran kotak pemuatan ajax example_javascript

Simulasi Javascript untuk melaksanakan kemahiran kotak pemuatan ajax example_javascript

WBOY
Lepaskan: 2016-05-16 16:33:55
asal
1403 orang telah melayarinya

Contoh dalam artikel ini menerangkan kaedah simulasi javascript untuk melaksanakan kotak pemuatan ajax dan mengongsinya dengan semua orang untuk rujukan anda. Kaedah khusus adalah seperti berikut:

Salin kod Kod adalah seperti berikut:
pemuatan fungsi(p_value,str)
{
jika (p_value)
{
jika (!document.getElementById("load_area"))
{
var para1 = document.createElement("span");
var node=document.createTextNode(str);
para1.appendChild(nod);
var para=document.createElement("div");
para.id="load_area";
var top=document.body.scrollTop document.documentElement.scrollTop;//Dapatkan ketinggian sebenar dalam halaman
top_position = top 157 "px";
para.style.top =kedudukan_atas;
icon.style.cssText = ";vertical-align:middle;padding-right:4px;margin-top:-2px;"
para.style.cssText =
";position:absolute;left:50%;width:140px;margin-left:-70px;height:50px;line-height:50px;font-size:18px;text-overflow:ellipsis;overflow:hidden; white- space:nowrap;text-align:center;background-color: #000;border-radius:2px;-webkit-box-shadow:0 2px 2px rgba(0,0,0,0.5);color:#eee;" ;

ikon var = Imej baharu();
icon.src="images/loading1.gif";//Gantikan
dengan laluan sebenar di sini document.body.appendChild(para);

para.appendChild(ikon);

para.appendChild(para1);

}
lain
{
document.getElementById("load_area").style.display="block";
}
}
lain
{
document.getElementById("load_area").style.display="none"; }
}

Kaedah panggilan adalah seperti berikut:

Salin kod Kod adalah seperti berikut:
memuatkan(benar," Memuatkan..." ); memuatkan(salah)
Saya harap artikel ini akan membantu reka bentuk pengaturcaraan bahagian hadapan web semua orang.

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan