Le plug-in jquery hiAlert implémente la boîte de dialogue de page Web beautification_jquery

Je suis fatigué de la fenêtre d'avertissement du navigateur IE, accompagnée du son effrayant de « boum », qui donne aux gens l'impression que quelque chose de grave est sur le point de se produire. De nos jours, différents navigateurs ont des effets d'affichage différents sur la boîte d'avertissement contextuelle (alerte), la boîte de dialogue de confirmation (confirmer) et la zone de saisie (invite) de la page Web. Cet article utilise le plug-in hiAlert pour unifier la boîte de dialogue. style de la page Web pour vous.

Le plug-in hiAlert est amélioré sur la base de jquery.alerts. Il comprend plusieurs boîtes d'invite couramment utilisées et fournit également des effets de barre d'invite dégradée et des effets de couche de page Web contextuelle. Il est actuellement compatible avec tous les navigateurs grand public.

Comment utiliser

hiAlert propose cinq méthodes à utiliser :

1.hiAlerte

hiAlert(contenu,titre,rappel);
La méthode hiAlert fournit 3 paramètres, content : content, title : titre de la boîte de dialogue, callback : fonction de rappel, si aucun, ne pas écrire, tel que :

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

2. salutConfirmer

hiConfirm(contenu,titre,rappel);
La méthode hiConfirm fournit 3 paramètres, content : content, title : titre de la boîte de dialogue, callback : fonction de rappel, si aucun, ne pas écrire, tel que :

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

3. hiPrompt

hiPrompt(contenu, désentrée, titre, rappel)
La méthode hiConfirm fournit 4 paramètres, content : content, deinput : valeur par défaut de la zone de saisie, title : titre de la boîte de dialogue, callback : fonction de rappel, s'il n'y en a pas, ne pas écrire, tel que :

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

4.hiBox

hiBox(obj,titre,w,h,soumettre,annuler,rappel)
La méthode hiBox fournit 7 paramètres, obj : l'objet spécifié pour être ouvert (le seul objet), c'est-à-dire l'objet associé au contenu affiché dans la boîte de dialogue, title : title, w : width, h : height, submit : l'objet dans le contenu qui peut être défini est "soumettre", s'il y a un rappel, cliquez ici pour revenir au comportement de rappel, annuler : l'objet bouton d'annulation ou de fermeture dans la boîte de dialogue, rappel : la fonction de rappel, telle que :

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

5. hiOverAlert

hiOverAlert(content,timeout);
hiOverAlert est utilisé pour afficher l'effet de la barre d'invite d'informations, similaire à l'effet de l'article sur ce site. Il fournit deux paramètres, contenu : contenu de l'invite, délai d'attente : heure de l'invite, la valeur par défaut est 3000, soit 3 secondes. Tel que :

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

Assurez-vous de charger la bibliothèque jQuery et le plug-in hiAlert, ainsi que le style CSS correspondant lorsque vous l'utilisez. Vous pouvez également modifier le CSS pour embellir davantage la boîte de dialogue. De plus, si vous devez faire glisser l'effet de la boîte de dialogue, vous devez charger jquery.ui.draggable.js, vous pouvez en savoir plus.

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.