hiAlert pemalam jquery melaksanakan dialog halaman web beautification_jquery

Saya bosan dengan tetingkap amaran pelayar IE, disertai dengan bunyi "ledakan" yang menakutkan, yang membuatkan orang ramai berasa seolah-olah sesuatu yang buruk akan berlaku. Pada masa kini, pelbagai pelayar mempunyai kesan paparan yang berbeza pada kotak amaran pop timbul (maklum), kotak dialog pengesahan (sahkan), dan kotak input (prompt) halaman web Artikel ini menggunakan pemalam hiAlert untuk menyatukan kotak dialog gaya halaman web untuk anda.

Pemalam hiAlert dipertingkatkan berdasarkan jquery.alerts Ia termasuk beberapa kotak gesaan yang biasa digunakan, dan juga menyediakan kesan bar gesaan kecerunan dan kesan lapisan halaman web Ia serasi dengan semua penyemak imbas arus perdana.

Cara menggunakan

hiAlert menyediakan lima kaedah untuk digunakan:

1. hiAlert

hiAlert(kandungan,tajuk,panggilan balik);
Kaedah hiAlert menyediakan 3 parameter, kandungan: kandungan, tajuk: tajuk kotak dialog, panggil balik: fungsi panggil balik, jika tiada, jangan tulis, seperti:

hiAlert("欢迎来到helloweba.com","提示"); 

2. hiConfirm

hiConfirm(kandungan,tajuk,panggilan balik);
Kaedah hiConfirm menyediakan 3 parameter, kandungan: kandungan, tajuk: tajuk kotak dialog, panggil balik: fungsi panggil balik, jika tiada, jangan tulis, seperti:

hiConfirm('你确认此操作吗?','确认框',function(r){ 
  hiOverAlert('你的反馈是: ' + r); 
}); 

3. hiPrompt

hiPrompt(kandungan, deinput, tajuk, panggil balik);
Kaedah hiConfirm menyediakan 4 parameter, kandungan: kandungan, deinput: nilai lalai kotak input, tajuk: tajuk kotak dialog, panggil balik: fungsi panggil balik, jika tiada, jangan tulis, seperti:

hiPrompt('请填写:','默认值','输入框',function(r){ 
  if(r) hiOverAlert('你填入的内容是“' + r+'”'); 
}); 

4. hiBox

hiBox(obj,tajuk,w,h,serahkan,batal,panggil balik)
Kaedah hiBox menyediakan 7 parameter, obj: objek yang ditentukan untuk dibuka (satu-satunya objek), iaitu objek yang dikaitkan dengan kandungan yang dipaparkan dalam kotak dialog, tajuk: tajuk, w: lebar, h: tinggi, serahkan: objek dalam kandungan yang boleh ditetapkan ialah "serahkan", jika terdapat panggilan balik, klik di sini untuk kembali ke tingkah laku panggil balik, batalkan: objek batal atau tutup butang dalam kotak dialog, panggil balik: fungsi panggil balik, seperti:

hiBox('#showbox', '标题',400,'','','.a_close'); 

5. hiOverAlert

hiOverAlert(kandungan,masa tamat);
hiOverAlert digunakan untuk memaparkan kesan bar gesaan maklumat, serupa dengan kesan dalam artikel di tapak ini Ia menyediakan dua parameter, kandungan: kandungan segera, tamat masa: masa gesaan, lalai ialah 3000, iaitu 3 saat. Seperti:

hiOverAlert('操作提示条信息',1500); 

Pastikan anda memuatkan perpustakaan jQuery dan pemalam hiAlert, serta gaya css yang sepadan apabila menggunakannya. Anda juga boleh mengubah suai CSS untuk mencantikkan lagi kotak dialog. Selain itu, jika anda perlu menyeret kesan kotak dialog, anda perlu memuatkan jquery.ui.draggable.js, anda boleh mengetahui lebih lanjut.

Di atas adalah keseluruhan kandungan artikel ini, saya harap anda semua menyukainya.