webutviklere som ønsker å legge en unik touch til brukergrensesnittet deres hjemmeside kan ansette en Javascript- basert programmeringsspråk kjent som jQuery . Modale vinduer kan være en god måte å vise små biter av informasjon til brukere i samspill med din nettside eller webapplikasjon . Du kan også bruke modale vinduer for å vise feil og be brukeren om å skrive inn tilleggsinformasjon. Å få modal vinduet for å vise er et spørsmål om å bruke riktig kode , og konfigurere den riktig å jobbe med resten av nettstedet ditt . Instruksjoner
en

Åpne HTML på websiden din ved hjelp av en webside koding program eller en klartekst redigering program, for eksempel Microsoft Notisblokk eller Mac OS X TextEdit .
2

Legg til modal vinduet til nettstedet ditt ved hjelp av følgende kode :

modal vindu < /h1 > < /div>

< /div > < div id =' first_window ' class = ' modal_window '> Dette er den første modalt vindu < /div >

Konfigurer HTML-kodene i eksempelet ovenfor for å passe dine behov ved å justere plassering og div IDer .


3

Åpne CSS -fil som bestemmer stilen på web side i det samme programmet , slik at du kan legge de modale vindu CSS-stiler , som er avgjørende for å gjøre det solid grå , bakgrunn: # 246493 ; color: black; }
4

Legg til jQuery show_modal kode som er ansvarlig for å kalle vinduet og slik at det å vise til nettstedets HTML-dokument :

funksjon show_modal ( modal_id ) { $ ( '# mask ') css ( { 'display ': ' block ' , opacity : 0 }); . $ ( '# mask ') fadeTo ( 500,0.8 ), $ . (' #' + modal_id ) fadein ( 500 ) .;}
5

Lagre den modifiserte HTML og CSS-filer for nettstedet ditt, og deretter laste dem opp til produksjon web server miljø for å lagre endringene og starte viser modalt vindu .