modálne okno < /h1 > < /center >

< a class = " activate_modal ' name = " first_window " href = " # " > Prvé okno modálne . < /a > < /p >

< /div > < div id = " first_window ' class = ' modal_window " > Toto je prvá modálne okno < /div >

Konfigurovať HTML tagy Vo vyššie uvedenom príklade , aby vyhovovala vašim potrebám úpravou umiestnenie a div id .

Sims 3

Otvorte súbor CSS , ktorý diktuje štýl vašej webovej stránky v rovnakej aplikácii , takže môžete pridať modálne okno štýly CSS , ktoré sú nevyhnutné na to , aby ho pevná šedá , pozadia : # 246493 ; farba : čierna ; }
4

Pridajte jQuery show_modal kód , ktorý je v konečnom dôsledku zodpovedný za volania na okno , a umožňujúce mu zobrazí na dokumente HTML svojej webovej stránky :
.

funkcie show_modal ( modal_id ) { $ ( ' # maska ​​" ) CSS ( { " display " : " blok " , opacity : 0 } ) ; . $ ( ' # maska ​​" ) fadeTo ( 500,0.8 ) ; $ ( ' # ' + modal_id ) fadeIn ( 500 ) ; . }
5

Uložte upravený HTML a CSS súborov pre vaše webové stránky , a potom je nahrať do svojho produkčného prostredia webového servera pre uloženie zmien a začiatok zobrazenie modálne okno .

• Predchádzajúca strana: Ako používať String v jazyku VBScript 
• Ďalšia strana: Ako pridať viac čísel Použitie JavaScript 

Odporúčané články

• Ako sa k nám jQuery modálne Zobraziť
• Ako si vyrobiť JavaScript Nákupný košík
• Tutorial na jQuery a Google Maps
• Rozdiel medzi Pop & Splice v Javascriptu
• Ako zaobchádzať starších prehliadačoch so zapnutým javascriptom

• Ako dať na Facebook Connect v zápätí pomocou JavaScriptu
• Ako si vyrobiť zakrivené Corners Javascript pre IE
• Ako vytvoriť JavaScript Wrapper pre API
• Ako môžem povoliť JavaScript oveľa jednoduchšie ?
• Ako zmeniť text v HTML jQuery Vstup