< a class = ' activate_modal ' name = " first_window " href = " # " > Första modal fönstret . < /a > < /p >
< /div > < div id = ' first_window ' class = ' modal_window ' > det här är den första modal fönstret < /div >
Konfigurera HTML-taggar i exemplet ovan för att passa dina behov genom att justera placeringen och ids div .
Billiga 3
Öppna CSS-fil som bestämmer stilen på din hemsida i samma program så att du kan lägga till de modala fönster CSS-format , som är nödvändiga för att göra det fast grå , bakgrund : # 246.493 , färg : svart ; }
4
Lägg jQuery show_modal kod som är ytterst ansvarig för att kalla fönstret och gör det möjligt att visa på din webbplats HTML- dokument :
funktion show_modal ( modal_id ) { $ ( ' # mask ' ) css ( { ' display ' : ' kvarter ' , opacitet : 0 } ) ; . $ ( ' # mask ' ) fadeTo ( 500,0.8 ) ; $ . ( ' # ' + modal_id ) FadeIn ( 500 ) , . }
5
Spara den modifierade HTML och CSS-filer för din webbplats och sedan ladda upp dem till din produktion webbserver miljö för att spara ändringarna och starta visa modal fönstret .
