< /div > < div id = ' ' class =' first_window modal_window ' > Questa è la prima finestra modale < /div >
Configurare i tag HTML nell'esempio di cui sopra in base alle proprie esigenze regolando il posizionamento e gli ID div .
< br >
3
Aprire il file CSS che detta lo stile della tua pagina web nella stessa applicazione in modo da poter aggiungere le finestre stili CSS modali, che sono essenziali per rendere lo solido grigio ; background: # 246493 ; color: black; }
4
Aggiungi il codice show_modal jQuery che è in ultima analisi responsabile della chiamata alla finestra e permettendo di visualizzare al documento HTML del tuo sito web :
funzione show_modal ( modal_id ) { $ ( ' # maschera ') css ( { 'display' : 'block' , opacità : 0 } ) . $ ( ' # maschera ') fadeTo ( 500,0.8 ) ; $ . ( '#' + modal_id ) fadeIn ( 500 ) . }
5
salvare il file CSS e HTML modificato per il vostro sito web e poi caricarle sul vostro ambiente di produzione web server per salvare le modifiche e avviare visualizzazione della finestra modale .
