La creazione di una finestra pop-up in HTML avviene tramite la libreria jQuery, che permette di integrare un gestore di eventi in una pagina web e quindi rendere possibile la visualizzazione del contenuto attivo del sito.
Istruzioni
Passo 1
Apri la pagina del tuo sito HTML nell'editor di testo che utilizzi per scrivere il codice che desideri. È inoltre possibile utilizzare l'utilità Blocco note di Windows standard per inserire una finestra popup. Per fare ciò, fai clic con il pulsante destro del mouse sul file HTML e seleziona "Apri con" - "Blocco note".
Passo 2
Nella sezione del documento, crea un livello che gestirà jQuery:
Passaggio 3
Quindi è necessario impostare il nome della finestra popup. Per fare ciò, puoi utilizzare le intestazioni HTML a livelli:
Titolo della finestra
Passaggio 4
Successivamente, imposta il testo che verrà visualizzato nella finestra utilizzando lo script per creare un paragrafo:
Testo
Passaggio 5
Quindi crea un livello con la classe close_win per chiudere il popup, prima di chiudere l'handle precedente:
Chiudi una finestra
Passaggio 6
Includere la libreria jQuery nel file aggiungendo il tag richiesto tra i descrittori del documento. Per esempio:
Passaggio 7
Successivamente, inserisci il codice per visualizzare il popup:
$ (funzione () {
$ ('# Mostra'). Nascondi ();
Passaggio 8
Successivamente, è necessario gestire l'evento in cui l'utente ha premuto il pulsante del mouse per richiamare la finestra pop-up e gestire la chiusura della finestra. Per fare ciò, inserisci il seguente codice:
$ ('# Click-me'). Click (funzione () {$ ('# show'). Fadein (300);})
$ ('# Close_win'). Fare clic su (funzione () {$ ('# show'). FadeOut (300);})
& lt / script>})
Questo programma gestisce l'utente premendo i pulsanti per richiamare la finestra pop-up e facendo clic sul collegamento per chiuderla.
Passaggio 9
Per visualizzare la finestra pop-up sulla pagina, puoi utilizzare il link della classe click-me che è stato specificato nel codice sopra. Per fare ciò, inserisci il seguente codice nel corpo del documento:
Fare clic per visualizzare il popup
