Das jquery-Plug-in hiAlert implementiert den Webseitendialog beautification_jquery

Ich habe das Warnfenster des IE-Browsers satt, begleitet von dem furchterregenden „Boom“-Geräusch, das den Leuten das Gefühl gibt, dass gleich etwas Schlimmes passieren würde. Heutzutage haben verschiedene Browser unterschiedliche Anzeigeeffekte auf das Popup-Warnfeld (Alarm), das Bestätigungsdialogfeld (Bestätigen) und das Eingabefeld (Eingabeaufforderung) der Webseite. In diesem Artikel wird das hiAlert-Plug-in verwendet, um das Dialogfeld zu vereinheitlichen Stil der Webseite für Sie.

Das hiAlert-Plug-in wurde auf der Grundlage von jquery.alerts verbessert. Es enthält mehrere häufig verwendete Eingabeaufforderungsfelder und bietet außerdem Verlaufs-Eingabeaufforderungsleisteneffekte und Popup-Webseitenebeneneffekte. Es ist derzeit mit allen gängigen Browsern kompatibel.

Anwendung

hiAlert bietet fünf Methoden zur Verwendung:

1. hiAlert

hiAlert(content,title,callback);
Die hiAlert-Methode stellt drei Parameter bereit: Inhalt: Inhalt, Titel: Titel des Dialogfelds, Rückruf: Rückruffunktion. Wenn keine vorhanden ist, schreiben Sie nicht, z. B.:

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

2. hiConfirm

hiConfirm(content,title,callback);
Die hiConfirm-Methode stellt drei Parameter bereit: Inhalt: Inhalt, Titel: Titel des Dialogfelds, Rückruf: Rückruffunktion. Wenn keine vorhanden ist, schreiben Sie nicht, z. B.:

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

3. hiPrompt

hiPrompt(content,deinput,title,callback);
Die hiConfirm-Methode stellt 4 Parameter bereit: Inhalt: Inhalt, Deinput: Standardwert des Eingabefelds, Titel: Titel des Dialogfelds, Rückruf: Rückruffunktion. Wenn keine vorhanden ist, schreiben Sie nicht, z. B.:

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

4. hiBox

hiBox(obj,title,w,h,submit,cancel,callback)
Die hiBox-Methode stellt 7 Parameter bereit: obj: Das zum Öffnen angegebene Objekt (das einzige Objekt), dh das Objekt, das dem im Dialogfeld angezeigten Inhalt zugeordnet ist, Titel: Titel, B: Breite, H: Höhe, Senden: Das Objekt im Inhalt, das festgelegt werden kann, ist „Senden“. Wenn ein Rückruf vorliegt, klicken Sie hier, um zum Rückrufverhalten zurückzukehren. Abbrechen: das Schaltflächenobjekt „Abbrechen“ oder „Schließen“ im Dialogfeld, Rückruf: die Rückruffunktion, z. B.:

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

5. hiOverAlert

hiOverAlert(content,timeout); hiOverAlert wird verwendet, um den Effekt der Informationsaufforderungsleiste anzuzeigen, ähnlich dem Effekt im Artikel auf dieser Website. Es bietet zwei Parameter: Inhalt: Eingabeaufforderungsinhalt, Timeout: Eingabeaufforderungszeit, der Standardwert ist 3000, also 3 Sekunden. Zum Beispiel:

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

Stellen Sie sicher, dass Sie die jQuery-Bibliothek und das hiAlert-Plug-in sowie den entsprechenden CSS-Stil laden, wenn Sie es verwenden. Sie können auch das CSS ändern, um das Dialogfeld weiter zu verschönern. Wenn Sie außerdem den Dialogfenstereffekt ziehen müssen, müssen Sie jquery.ui.draggable.js laden, um weitere Informationen zu erhalten.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.